Twitter-bootstrap崩溃插件 – 如何启用多个“组”？

我正在使用崩溃插件，我想知道如何让多个组在同一时间打开。 在他们的演示页面中：

http://twitter.github.com/bootstrap/javascript.html#collapse

在特定时间只允许一个人开放。 我想这是手风琴的预期行为，但是我怎么能改变它，以便开放一个组别不会崩溃？

Answer 1

只是不要使用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> 

http://jsfiddle.net/HJf6j/2/

Answer 2

对于依赖扩展/折叠每个面板并允许每个页面上有多个手风琴的解决scheme。

如果您所有的手风琴和乐队都有独特的ID，那么您可以在页面上select多less手风琴

每个手风琴都需要一个独特的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/