title: Jquery mmenu sub panel with div instead of ul
body: <p>I'm using the excellent Jquery mmenu plugin to create sliding menus. I have a normal menu of ul with li tags and submenus with ul and li works fine, but I'd like to have a submenu that's more like a sub panel that has general content. I can't get it to slide in like a sub panel. </p>
  
  <p>Here's a snippet of the code:</p>
  
  <pre><code>&lt;nav id="my-menu"&gt;
  &lt;ul&gt;
      &lt;li&gt;&lt;a href="/"&gt;Home&lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt; &lt;a href="/about/"&gt;About with ul THIS WORKS FINE&lt;/a&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a href="/about/history/"&gt;History&lt;/a&gt;
              &lt;/li&gt;
              &lt;li&gt;&lt;a href="/about/team/"&gt;The team&lt;/a&gt;
              &lt;/li&gt;
              &lt;li&gt;&lt;a href="/about/address/"&gt;Our address&lt;/a&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt; &lt;a href="#div-slide"&gt;About with div HOW CAN I GET THIS TO SLIDE IN??&lt;/a&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  &lt;/nav&gt;
  &lt;div style="display:none"&gt;
      &lt;div id="div-slide"&gt;
          &lt;h1&gt; About &lt;/h1&gt;
          &lt;a href="#"&gt; close &lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div id="header"&gt; &lt;a class="menu-icon" href="#my-menu"&gt;&lt;/a&gt;
  
  &lt;/div&gt;
  &lt;div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Here's a jsfiddle. <a href="http://jsfiddle.net/4xQw6/1/" rel="nofollow">http://jsfiddle.net/4xQw6/1/</a></p>
  
  <p>I found this solution, which worksgreat for opening a div panel. But, the href="#mm-m0-p0" which closes the div panel feels like an undocumented hack. There should be a better way.</p>
  
  <pre><code>&lt;nav id="my-menu"&gt;
  &lt;ul&gt;
      &lt;li&gt;&lt;a&gt;Home&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;
          &lt;a href="#"&gt;Login&lt;/a&gt;
          &lt;div class="Panel"&gt;                      
             &lt;a class="close" href="#mm-m0-p0"&gt;X&lt;/a&gt; 
             &lt;h3&gt;Login form...&lt;/h3&gt;
          &lt;/div&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>