![](/img/trans.png)
[英]Bootstrap Collapse Accordion: Opening a panel by JavaScript does not close other open panels
[英]close a collapse panel(accordion) from other control
我正在尝试从标签的click事件关闭和禁用手风琴。
单击标签时。 手风琴应该被禁用和关闭。 我可以使用addClass
方法禁用它
$('#c5').addClass('ui-state-disabled');
<div class="accordionHeader">
<h3 id="c5">Advance Settings (C5)</h3>
<div class="accordionContent">my content</div>
</div>
为了关闭手风琴,我尝试使用
$('#c5').prop('active',false);
$('#c5').attr('active',false);
都不行。
我不想使用之前必须从其他控件调用它
$(".accordionHeader").accordion({
header: "h3",
collapsible: true,
active: false
});
从API文档中 :
将
active
设置为false
将折叠所有面板。 这要求collapsible
选项为true
。
因此,使用以下HTML,
<div class="accordionHeader">
<h3 id="c5">Advance Settings (C5)</h3>
<div class="accordionContent">my content</div>
</div>
<label id='c5label'>Disable accordion <input type="checkbox" /></label>
此JS将启动手风琴并在第一次单击标签#c5label时关闭/禁用它:
<script>
jQuery(document).ready(function($) {
$(".accordionHeader").accordion({ collapsible: true });
$('#c5label').click(function(){
if( $( ".accordionHeader" ).accordion( "option", "active") === false )
return;
$('#c5').addClass('ui-state-disabled');
$( ".accordionHeader" ).accordion( "option", "active", false );
});
});
</script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.