Bootstrap3.0学习第二十五轮(JavaScript插件——折叠)

前言阅读之前您也可以到Bootstrap3.0入门学习系列导航中进行查看本文主要来学习一下JavaScript插件--折叠。过渡效果关于过渡效果对于简单的过渡效果，只需将 transition.js 和其它JS文件一起引入即可。如果你使用的是编译（或压缩）好的 bootstrap.js

前言

阅读之前您也可以到Bootstrap3.0入门学习系列导航中进行查看

本文主要来学习一下JavaScript插件--折叠。

过渡效果

关于过渡效果

对于简单的过渡效果，只需将transition.js和其它JS文件一起引入即可。如果你使用的是编译（或压缩）好的bootstrap.js文件，就无需再单独将其引入了。

What's inside

Transition.js是针对 is a basic helper for transitionEnd事件的一个基本助手工具，也是对CSS过渡效果的模拟。它被其它插件用来检测当前浏览器对CSS过渡效果是否支持。

折叠

对为支持折叠功能的组件，例如accordions和导航，，赋予基本样式和灵活的支持。

插件依赖

折叠插件依赖过渡效果插件。

案例

使用折叠插件，通过扩展panel组件从而构建了一个简单的accordion组件。

先来看一下效果。

接下来看一下代码的实现。

<div style=><div id=><div ><div ><h4 ><a data-toggle=data-toggle=data-parent=href=>Collapsible Group Item</a></h4></div><div id==><div >Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div></div></div><div ><div ><h4 ><a data-toggle=data-toggle=data-parent=href=>Collapsible Group Item #2</a></h4></div><div id==><div >Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div></div></div><div ><div ><h4 ><a data-toggle=data-toggle=data-parent=href=>Collapsible Group Item #3</a></h4></div><div id==><div >Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div></div></div></div> </div>