jquery mobile（如下简称jm）中也提供了便利的“手风琴”效果。jquery
可折叠（Collapsibles）容许您隐藏或显示内容 - 对于存储部分信息颇有用。spa
如需建立可折叠的内容块，请向某个容器分配 data-role="collapsible" 属性。在容器（div）中，添加一个标题元素（h1-h6）标题，若是没有标题，则coolapsibles没法正常显示，其后是您须要扩展的任意 HTML 标记code
<div data-role="collapsible"> <h1>点击我 - 我能够折叠！</h1> <p>我是可折叠的内容。</p> </div>
默认是关闭的，即隐藏折叠的内容，若是须要默认展现内容，能够经过data-collapsed="false"来设置。blog
collapsibles能够无限嵌套，因此能够根据须要嵌套想要的次数。class
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>