# 可折疊的內容 Collapsible content markup 要創建一個可折疊的區塊，先創建一個容器，然后給容器添加data-role="collapsible"屬性 容器內直接的標題（h1-h6)子結點，Jquery Mobile會將之表現為可點擊的按鈕，并在左側添加一個“+"按鈕，表示是可以展開的 在頭部后面你可以添加任何想要折疊的html標記。框架會自動把這些標記包裹在一個容器里用以折疊或顯 ``` <div data-role="collapsible"> 　 <h3>I'm a header</h3> 　 <p>I'm the collapsible content. By default I'm open and displayed on the page, but you can click the header to hide me.</p> </div> ```  如上所示：默認情況下，可折疊容器是展開的，可以通過通過點擊頭部收縮。給折疊的容器添加data-collapsed="true"的屬性，可以設為默認收縮 ``` <div data-role="collapsible"?**data-collapsed="true">** ``` 可折疊的內容采用了精簡的樣式，我們僅僅在內容和標題間添加了一些margin，標題則采用它所在容器的默認主題 ## 嵌套的折疊 Nested Collapsibles  ## 折疊組 Collapsible sets 通過給父容器添加data-role="collapsible-set"屬?然后每一個子容器data-role="collapsible"屬性，可以讓容器展開時，其他容器被折疊的效果，類似手風琴組件