jQuery Mobile系列之Collapsible

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

    <</CODE>h4>Heading</</CODE>h4>

    <</CODE>p>I'm the collapsible content. By default I'mclosed, but you can click the header to openme.</</CODE>p>

</</CODE>div>

主题：data-theme

默认展开：data-collapsed = "false"

紧缩：data-mini

图标：data-collapsed-icon，data-expanded-icon

图标位置：data-iconpos

表单的话使用fieldset与legend标签：

<</CODE>form>

    <</CODE>fieldset data-role="collapsible" data-theme="a" data-content-theme="d">

        <</CODE>legend>Legend</</CODE>legend>

        <</CODE>label for="textinput-f">Text Input:</</CODE>label>

        <</CODE>input type="text" name="textinput-f" id="textinput-f" placeholder="Text input" value="">

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

            <</CODE>input type="checkbox" name="checkbox-1-a" id="checkbox-1-a">

            <</CODE>label for="checkbox-1-a">One</</CODE>label>

            <</CODE>input type="checkbox" name="checkbox-2-a" id="checkbox-2-a">

            <</CODE>label for="checkbox-2-a">Two</</CODE>label>

            <</CODE>input type="checkbox" name="checkbox-3-a" id="checkbox-3-a">

            <</CODE>label for="checkbox-3-a">Three</</CODE>label>

        </</CODE>div>

    </</CODE>fieldset>

</</CODE>form>

内凹：data-inset="false"