[英]bootstrap Accordion collapse multiple children?
如何创建一个bootstrap手风琴,当折叠时,会折叠两个或更多“儿童”手风琴? (而不是下面的网站演示中的一个)。
http://twitter.github.com/bootstrap/javascript.html#collapse
带有“儿童”手风琴的bootstrap手风琴:
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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.