我正在使用崩溃插件,我想知道如何让多个组在同一时间打开。在他们的演示页:Twitter-bootstrap崩溃插件 - 如何启用多个“组”?
http://twitter.github.com/bootstrap/javascript.html#collapse
只有一个被允许开放在给定时间。我认为这是手风琴的预期行为,但我该如何改变它,以便打开一个组别不会折叠其他组?
我正在使用崩溃插件,我想知道如何让多个组在同一时间打开。在他们的演示页:Twitter-bootstrap崩溃插件 - 如何启用多个“组”?
http://twitter.github.com/bootstrap/javascript.html#collapse
只有一个被允许开放在给定时间。我认为这是手风琴的预期行为,但我该如何改变它,以便打开一个组别不会折叠其他组?
只要不使用data-parent
属性:
<div class="accordion" id="accordion2">
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" href="#collapseOne">
Collapsible Group Item #1
</a>
</div>
<div id="collapseOne" class="accordion-body collapse in">
<div class="accordion-inner">Item 1 Body</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" href="#collapseTwo">
Collapsible Group Item #2
</a>
</div>
<div id="collapseTwo" class="accordion-body collapse">
<div class="accordion-inner">Item 2 Body</div>
</div>
</div>
</div>
对于扩展/每个面板依赖性崩溃并允许每个页面上的多个手风琴的解决方案。
如果你所有的手风琴和组具有唯一的ID,那么你可以有你想要
每个手风琴需要一个唯一的ID在页面上尽可能多的手风琴:
<div class="panel-group" id="accordion1" role="tablist" aria-multiselectable="true">
每个标题都需要一个唯一的ID
<div class="panel-heading" role="tab" id="headingOne">
每个身体需要一个唯一的ID,并且如果适用的基准的标题中使用
<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
实例上的jsfiddle:http://jsfiddle.net/qnhd7Lu3/3/
如果你有不超过一个手风琴在同一页上这只适用。请参阅:http://jsfiddle.net/musium/esnt6ovr/1/ – musium
你有无效的html与重复元素ids,工作示例http://jsfiddle.net/esnt6ovr/2/ – sody