在崩溃显露时隐藏点击时的折叠

时间:2015-05-06 07:59:05

标签: twitter-bootstrap collapse

我正在使用bootstrap崩溃。如果用户打开它并且非常快再次单击以关闭它,则会忽略该点击并继续显示崩溃。我希望用户可以关闭它,即使崩溃被揭示。怎么做 ?高高度可折叠内容的问题更为明显。

<a data-toggle="collapse" href="#collapsileDiv">
    Collapsible Div
</a>
<div id="collapsileDiv" class="collapse">
    You can't close me while i'm being revealed.<br/>
</div>

http://jsfiddle.net/1rp2oaya/3/

2 个答案:

答案 0 :(得分:0)

添加此css类

<a data-toggle="collapse" href="#collapsileDiv" class="collapsing" id="t">
    Collapsible Div
</a>

的CSS

 .collapsing { transition: height 0.2s; }

<强> DEMO

答案 1 :(得分:0)

您可以使用jquery的双击事件..

$('#t').dblclick(function(){
alert("double click");

});