title: jQuery Mobile menu
body: <p>This has been <a href="https://stackoverflow.com/questions/11955458/jquery-mobile-left-menu">asked for an older version</a>, but no satisfying answer.</p>
  
  <p>When viewed on small screen, <a href="http://demos.jquerymobile.com/1.4.0/" rel="nofollow noreferrer">the jQuery Mobile doc</a> uses a multi-level menu panel that slides in when tapped.</p>
  
  <p><img src="https://i.stack.imgur.com/f60Pv.jpg" alt="The menu button">
  <img src="https://i.stack.imgur.com/vkk4w.png" alt="enter image description here"></p>
  
  <p>I tried copying the code but this is all I got:</p>
  
  <p><img src="https://i.stack.imgur.com/pf8nG.png" alt="enter image description here"></p>
  
  <p>Apparently you also need to specify <code>data-role="collapsible"</code> on <code>li</code>s with sub-menu, and some other attributes, which is not really ideal.</p>
  
  <p>Surely there are people who use jQuery Mobile who also need the menu on their mobile website. But it is nowhere in the documentation.</p>
  
  <p>Has anyone figured out how to do it without reinventing the wheel?<br>
  Or does jQuery Mobile simply not support this kind of menu without manually coding everything?</p>