본문 바로가기

카테고리 없음

[mobile jquery] collapsible set - nested listview

https://github.com/jquery/jquery-mobile/issues/2290

http://jsfiddle.net/R75BU/30/

<div data-role="page">
    <div data-role="header">
        <h2>Test Title</h2>
    </div>
    <div data-role="content">
        <div data-role="collapsible-set">
            <div data-role='collapsible'>
                <h3>Test Header 1</h3>
                <p>test content</p>
            </div>
            <div data-role='collapsible'>
                <h3>Test Header 2</h3>
                <ul data-role='listview' data-inset='true'>
                    <li>List Item 1</li>
                    <li>List Item 2</li>
                </ul>
            </div>
            <div data-role='collapsible'>
                <h3>Test Header 3</h3>
                <p>test content</p>
            </div>
        </div>
        
        <div data-role="collapsible-set">
            <div data-role='collapsible'>
                <h3>Test Header 1</h3>
                <p>test content</p>
            </div>
            <div data-role='collapsible'>
                <h3>Test Header 2</h3>
                <p>test content</p>
            </div>
            <div data-role='collapsible'>
                <h3>Test Header 3</h3>
                <p>test content</p>
            </div>
        </div>
    </div>
</div>