jQuery Mobile 折叠

可折叠： 允许隐藏或显示内容 （除了标题<h>外，其他都是折叠的内容）

向某容器分配属性 data-role="collapsible"
表示折叠块

加载时显示扩展内容：data-collapsed="false" // 默认加载折叠块时是隐藏折叠内容

e.g.

<div data-role="collapsible" data-collapsed="false">

<h1>折叠块显示的标题</h1>

<p>折叠的内容</p>

</div>

折叠块可嵌套： 可嵌套任意次

e.g.

<div data-role="collapsible">

<h1>首级折叠标题</h1>

<p>首级折叠内容</p>

<div data-role="collapsible">

<h1>二级折叠标题</h1>

<p>二级折叠内容</p>

</div>

</div>

可折叠集合：被组合在一起的可折叠块，内部的折叠块展开具有唯一性（即集合内，打开一个块时，其他块都会关闭）

用 data-role="collapsible-set"包装可折叠块

e.g.

<div data-role="collapsible-set">

<div data-role="collapsible">

<h1>折叠一</h1>

<p>内容一</p>

</div>

<div data-role="collapsible">

<h1>折叠二</h1>

<p>内容二</p>

</div>

</div>

其他折叠相关属性：

data-inset="false" // 可消除折叠块外边的圆角

data-mini="true" //变为小号的折叠块

data-collapsed-icon="arrow-d" //折叠时的标题左侧图标

data-expanded-icon="arrow-u" //内容展开时的标题左侧图标