title: jquery mobile panel slide from top instead from right and left
body: <p>Hello i am creating a mobile app with jquery mobile, am working the panel that can slide from right to left, but i want to move a step further, instead of it sliding from right to left,
  i want it to slide from top down</p>
  
  <p>how do i go about this</p>
  
  <p>this what i have done</p>
  
  <pre><code>&lt;div data-role="panel" id="menu" data-position="right" data-display="overlay" style="background-color: rgba(0,0,0,0.7);"&gt;
  </code></pre>
  
  <p><br />
   <br />
   <br />
   <br /><br />
   Close panel
   </p>
  
  <p>this presently slides from the right to left, so i want to change it so it can slide from the top</p>