jQuery Mobile 可折疊塊

可折疊內(nèi)容塊

可折疊塊允許您隱藏或顯示內(nèi)容 - 對于存儲部分信息很有用。

如需創(chuàng)建一個可折疊的內(nèi)容塊，需要為容器添加 data-role="collapsible" 屬性。在容器（div）內(nèi)，添加一個標(biāo)題元素（H1-H6），后跟您想要進(jìn)行擴(kuò)展的 HTML 標(biāo)記：

默認(rèn)情況下，內(nèi)容是被折疊起來的。如需在頁面加載時展開內(nèi)容，請使用 data-collapsed="false"：

嵌套可折疊塊

可折疊的內(nèi)容塊是可以彼此嵌套的：

	可折疊的內(nèi)容塊可以根據(jù)您的需要進(jìn)行多次嵌套。

可折疊集合

可折疊集合是將可折疊塊組合在一起（就像手風(fēng)琴一樣）。當(dāng)一個新的塊被展開時，所有其他的塊都會被折疊起來。

創(chuàng)建若干個可折疊的內(nèi)容塊，然后把可折疊內(nèi)容塊用帶有 data-role="collapsible-set" 的新容器包圍起來：

更多實(shí)例

通過 data-inset 屬性取消圓角
如何取消可折疊塊上的圓角。

通過 data-mini 屬性迷你化可折疊塊
如何讓可折疊塊更小。

通過 data-collapsed-icon 和 data-expanded-icon 改變圖標(biāo)
如何改變可折疊塊的圖標(biāo)（默認(rèn)是 + 和 -）。