Javascript 仅第一次调用引导折叠(';show';)隐藏元素
我使用的是带折叠元素的Bootstrap v2.3.2 我的手风琴是这样的:Javascript 仅第一次调用引导折叠(';show';)隐藏元素,javascript,jquery,twitter-bootstrap,twitter-bootstrap-2,Javascript,Jquery,Twitter Bootstrap,Twitter Bootstrap 2,我使用的是带折叠元素的Bootstrap v2.3.2 我的手风琴是这样的: <div class="accordion" id="accordion"> <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
<div class="accordion" id="accordion">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
<strong><i class="icon-chevron-down"></i>Search options</strong>
</a>
</div>
<div id="collapseOne" class="accordion-body collapse in">
<div class="accordion-inner">
Hello
</div>
</div>
</div>
</div>
你好
如果我通过单击来折叠元素#collapseOne,没有问题
但是如果我调用函数$(“#collapseOne”).collapse('show')代码>,元素将隐藏,除了显示,但只有在第一次调用时,并且只有在我没有折叠元素之前单击它时才会隐藏。我想我忘记了一个HTML元素,但我看不出DOM有什么不同
:单击“单击我”按钮,之前不要单击可折叠元素
已尝试:添加$accordion.collapse({toggle:true})()但无效…$accordion.collapse({toggle:false})
修复了切换问题,但使用了错误的元素
您需要修复#collapseOne
$(“#collapseOne”).collapse({toggle:false})代码>
我在我的模板中为我的解决方案解决了这个问题。。。就这样,
$(document).ready(function() {
$(".panel-body").collapse({ 'toggle': false });
});