title: Collapsible listview in jQuery-mobile
body: <p>Is is possible to create listview with only first collapsible element? For example:</p>
  
  <pre><code>&lt;ul data-role="listview" data-count-theme="c" data-inset="true"&gt;
      &lt;li&gt;
          &lt;div data-role="collapsible"&gt;
              &lt;h4&gt;Heading&lt;/h4&gt;
              &lt;ul data-role="listview"&gt;
                  &lt;li&gt;&lt;a href="#"&gt;List item 1&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;List item 2&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;List item 3&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Outbox &lt;span class="ui-li-count"&gt;0&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Drafts &lt;span class="ui-li-count"&gt;4&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Sent &lt;span class="ui-li-count"&gt;328&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Trash &lt;span class="ui-li-count"&gt;62&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Looks like:</p>
  
  <p><img src="https://i.stack.imgur.com/FwmAP.png" alt="enter image description here"></p>
  
  <p><a href="http://jsfiddle.net/nonamez/u5PLh/" rel="nofollow noreferrer">http://jsfiddle.net/nonamez/u5PLh/</a></p>
  
  <p>As you can see collapsible list is inside the li, but i need that it would be li a normal list, but when pressing on the first - it would roll down.</p>