可折叠的内容块
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的图标位置（默认为左）。