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 = "*"