一、折疊
1、按鈕折疊
<button class="btn btn-success" data-toggle="collapse" data-target="#myData">
折疊標(biāo)題
</button>
<div id="myData" class="collapse in">
折疊內(nèi)容
</div>
(1)按鈕
data-toggle="collapse" ----聲明一個(gè)折疊按鈕
data-target=‘# ’ ------指向需要折疊的部分
(2)內(nèi)容
id----錨點(diǎn)
.collapse in-----顯示內(nèi)容
.collapse-----隱藏內(nèi)容
2、列表折疊
<div class="panel-group" id="zhedie">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#zhedie" href="#one">
第 1 部分
</a>
</h4>
</div>
<div id="one" class="panel-collapse collapse in">
<div class="panel-body panel-collapse collapse in">
我是第一部分的內(nèi)容
</div>
</div>
</div>
</div>






