标签：
折叠（Collapse）插件可以很容易地让页面区域折叠起来。无论您用它来创建折叠导航还是内容面板，它都允许很多内容选项。
下表列出了折叠（Collapse）插件用于处理繁重的伸缩的 class：
| Class | 描述 | |
|---|---|---|
| .collapse | 隐藏内容。 | |
| .collapse.in | 显示内容。 | |
| .collapsing | 当过渡效果开始时被添加，当过渡效果完成时被移除。 |
您可以通过以下两种方式使用折叠（Collapse）插件：
为了向可折叠控件添加类似折叠面板的分组管理，请添加 data 属性 data-parent="#selector"。
<button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#demo"> 简单的可折叠组件 </button> <div class="collapse " id="demo"> Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. </div>
没有添加额外的 class .in的情况下，折叠的内容默认是没有打开的。
添加in的情况下是默认打开的，如下所示：
<button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#demo"> 简单的可折叠组件 </button> <div class="collapse in" id="demo"> Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. </div>
Bootstrap 学习之js插件（折叠（collapse）插件）
标签：
原文地址：http://www.cnblogs.com/zzjeny/p/5568555.html
