可折疊的內容塊
Collapsibles允許您隱藏或顯示內容，這是一個用於存儲信息的地方非常有用。
創建的內容的可折疊塊，分配data-role="collapsible"屬性的容器。 在容器內(div)添加頁眉(H1-H6)或圖例元素，其次是要擴大的HTML標記：
例
<div data-role="collapsible" >
<h1>Click me - I'm collapsible!</h1>
<p>I'm the expanded
content.</p>
</div>
試一試» 默認情況下，內容被關閉。 為了擴大內容在頁面加載時，使用data-collapsed="false" ：
例
<div data-role="collapsible" data-collapsed="false" >
<h1>Click me - I'm collapsible!</h1>
<p>I'm
now expanded by default.</p>
</div>
試一試» 嵌套可折疊塊
可折疊內容塊可以嵌套（內部的可折疊的可折疊）：
例
<div data-role="collapsible" >
<h1>Click me - I'm collapsible!</h1>
<p>I'm the expanded content.</p>
<div
data-role="collapsible" >
<h1>Click me - I'm a
nested collapsible block!</h1>
<p>I'm the expanded
content in the nested collapsible block.</p>
</div>
</div>
試一試» 可折疊的內容塊可以根據需要進行嵌套多次。
可折疊套
可折疊集是組合在一起的可折疊塊（通常被稱為一個手風琴）。 當一個新的塊被打開，所有其它塊緊密。
創建若干可折疊的內容塊，然後換一個新的容器與數據角色=“collapsibleset”圍繞可折疊塊：
例
<div data-role="collapsibleset" >
<div
data-role="collapsible">
<h1>Click me - I'm
collapsible!</h1>
<p>I'm the expanded content.</p>
</div>
<div data-role="collapsible">
<h1>Click me - I'm collapsible!</h1>
<p>I'm the
expanded content.</p>
</div>
</div>
試一試» 更多示例
可折疊彈出
如何創建一個可折疊的彈出窗口。
與刪除圓角data-inset屬性
如何刪除圓角，並添加collapsibles全寬。
縮小collapsibles與data-mini屬性
如何使collapsibles較小。
改變與數據倒塌圖標和數據擴展圖標圖標
如何改變collapsibles的圖標（默認為+和 - ）。
更改圖標位置
如何改變collapsibles的圖標位置（默認為左）。