jQuery Mobile系列之Accordion

<</CODE>div data-role="collapsible-set" data-theme="c" data-content-theme="d">

    <</CODE>div data-role="collapsible">

        <</CODE>h3>Section 1</</CODE>h3>

        <</CODE>p>I'm the collapsible content for section 1</</CODE>p>

    </</CODE>div>

    <</CODE>div data-role="collapsible">

        <</CODE>h3>Section 2</</CODE>h3>

        <</CODE>p>I'm the collapsible content for section 2</</CODE>p>

    </</CODE>div>

    <</CODE>div data-role="collapsible">

        <</CODE>h3>Section 3</</CODE>h3>

        <</CODE>p>I'm the collapsible content for section 3</</CODE>p>

    </</CODE>div>

</</CODE>div>

collapsible:可摺疊物品

外：data-role = "collapsible-set"

內：data-role = "collapsible"

無左右邊：data-inset = "false" 像可展開的listview

緊湊縮小：data-mini = "true"

圖標：可寫在collapsible-set級或者collapsible級下

收縮圖標：data-collapsed-icon = "**"

展開圖標：data-expanded-icon = "**"

圖標位置：上下左右，默認左邊 data-iconpos = "left/right/bottom/top"，可寫在collapsible-set級或者collapsible級下

無邊角：data-corners = "false"

標題主題：data-theme = "*"

內容主題：data-content-theme = "*"