title: jQuery Mobile like navigation menu inside a side Panel for desktop app?
body: <p>I'm looking for a solution that will help me do the following... I would like to develop a (namely desktop usage) website that has a slide out Panel in it</p>
  
  <p><a href="http://jquerymobile.com/demos/1.3.0-beta.1/docs/panels/#" rel="nofollow">http://jquerymobile.com/demos/1.3.0-beta.1/docs/panels/#</a></p>
  
  <p>but within that Panel, I would like the navigation for the site to act like it's own jQuery app, with nested menus and back and home buttons.  The jQuery framework for creating this type of navigation is all based on multi-page documents (using  tags for declaring the content of "page") and pages are on the same level as a side out panel.  It doesn't seem like there is an easy way to stick "pages" inside a panel.  Also, nested lists are being deprecated in the newest jQuery, so I would like to stay away from them as well (not sure they ever supported back button anyway).</p>
  
  <p>Can anyone suggest a strategy for making this happen?  I have thought about trying to put the navigation inside an iframe within the Panel, but then the menu couldn't communicate outside of the iframe to the rest of the app.  I've also run across this </p>
  
  <p><a href="http://simplesplitview.sourceforge.net/" rel="nofollow">http://simplesplitview.sourceforge.net/</a></p>
  
  <p>which seems to kind of do what I want if I could put the mini menu inside a Panel, but not sure how solid the code is and would be more interested in a pure jQuery Mobile (or other good framework) solution.</p>