亚洲国内精品_97久久精品人人做人人爽_精品五月天堂_在线中文字幕视频观看

一、折疊

1、按鈕折疊

    <button class="btn btn-success" data-toggle="collapse" data-target="#myData">

     折疊標題

    </button>

    <div id="myData" class="collapse in">

     折疊內容

    </div>

（1）按鈕

        data-toggle="collapse" ----聲明一個折疊按鈕

        data-target=‘#  ’ ------指向需要折疊的部分

（2）內容

         id----錨點

        .collapse  in-----顯示內容

        .collapse-----隱藏內容

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">

我是第一部分的內容

</div>

</div>

</div>     

</div>