jquery mobile-手風琴

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>