Is is possible to create listview with only first collapsible element? For example:
<ul data-role="listview" data-count-theme="c" data-inset="true"> <li> <div data-role="collapsible"> <h4>Heading</h4> <ul data-role="listview"> <li><a href="#">List item 1</a></li> <li><a href="#">List item 2</a></li> <li><a href="#">List item 3</a></li> </ul> </div> </li> <li><a href="#">Outbox <span class="ui-li-count">0</span></a></li> <li><a href="#">Drafts <span class="ui-li-count">4</span></a></li> <li><a href="#">Sent <span class="ui-li-count">328</span></a></li> <li><a href="#">Trash <span class="ui-li-count">62</span></a></li> </ul>
It looks like :
http://jsfiddle.net/nonamez/u5PLh/
As you can see collapsible list is inside the li, but i need that it would be like a normal li element, but when pressing on the first - it would roll down.