一、折叠

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>

Bootstrap折叠 Bootstrap 石家庄企业网站建设公司 石家庄网站建设公司