如何创建一个自举的手风琴,当崩溃时,会崩溃两个或多个"儿童"手风琴?(而不是像网站演示一样,而不是一个)。
http://twitter.github.com/bootstrap/javascript.html#collapse
带有"儿童"手风琴的举动手风琴:
http://jsfiddle.net/masteralex/a8pvj/113/
<div class="accordion" id="accordion1">
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
Collapsible Group Item #1 </a>
</div>
<div id="collapseOne" class="accordion-body collapse" style="height: 0px;">
<div class="accordion-inner">
collapseOne text
<div class="accordion" id="accordion2">
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOneOne">
Collapsible SubGroup Item #1 </a>
</div>
<div id="collapseOneOne" class="accordion-body collapse" style="height: 0px;">
<div class="accordion-inner">
collapseOneOne text
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOneTwo">
Collapsible SubGroup Item #2 </a>
</div>
<div id="collapseOneTwo" class="accordion-body collapse" style="height: 0px;">
<div class="accordion-inner">
collapseOneTwo text
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOneThree">
Collapsible SubGroup Item #3 </a>
</div>
<div id="collapseOneThree" class="accordion-body collapse">
<div class="accordion-inner">
collapseOneThree text
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#collapseTwo">
Collapsible Group Item #2 </a>
</div>
<div id="collapseTwo" class="accordion-body collapse" style="height: 0px;">
<div class="accordion-inner">
collapseTwo text
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#collapseThree">
Collapsible Group Item #3 </a>
</div>
<div id="collapseThree" class="accordion-body collapse">
<div class="accordion-inner">
collapseThree text
</div>
</div>
</div>