[英]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.