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>