jquery mobile（以下简称jm）中也提供了便利的“手风琴”效果。

可折叠（Collapsibles）允许您隐藏或显示内容 - 对于存储部分信息很有用。

如需创建可折叠的内容块，请向某个容器分配 data-role="collapsible" 属性。在容器（div）中，添加一个标题元素（h1-h6）标题，如果没有标题，则coolapsibles无法正常显示，其后是您需要扩展的任意 HTML 标记

<div data-role="collapsible">
  <h1>点击我 - 我可以折叠！</h1>
  <p>我是可折叠的内容。</p>
</div>

默认是关闭的，即隐藏折叠的内容，如果需要默认展示内容，可以通过data-collapsed="false"来设置。

collapsibles可以无限嵌套，所以可以根据需要嵌套想要的次数。

collapsibles set，即手风琴，是指被组合在一起的collapsibles，当新块被打开时，其他所有块会默认关闭。

<div data-role="collapsible-set">   ---》data-role="collapsible-set"  定义一组手风琴
  <div data-role="collapsible" data-inset="false" data-mini="true" data-collapsed-icon="arrow-d" data-expanded-icon="arrow-u">   ---》data-inset="false" 用来消除折叠块的圆角   data-mini="true"最小化   collapsibles data-collapsed-icon="arrow-d" data-expanded-icon="arrow-u"替换折叠块上面的图标 
    <h1>点击我 - 我可以折叠！</h1>
    <p>我是被展开的内容。</p>
  </div>
  <div data-role="collapsible">
    <h1>点击我 - 我可以折叠！</h1>
    <p>我是被展开的内容。</p>
  </div>
</div>