jquery - ulの代わりにdivを使用したJquery mmenuサブパネル

Question

優れた Jquery mmenu プラグインを使用してスライド メニューを作成しています。通常の ul のメニューには li タグがあり、サブメニューには ul と li が正常に機能しますが、一般的なコンテンツを持つサブパネルのようなサブメニューが必要です。サブパネルのようにスライドさせられません。

コードのスニペットを次に示します。

<nav id="my-menu">
<ul>
    <li><a href="/">Home</a>
    </li>
    <li> <a href="/about/">About with ul THIS WORKS FINE</a>
        <ul>
            <li><a href="/about/history/">History</a>
            </li>
            <li><a href="/about/team/">The team</a>
            </li>
            <li><a href="/about/address/">Our address</a>
            </li>
        </ul>
    </li>
    <li> <a href="#div-slide">About with div HOW CAN I GET THIS TO SLIDE IN??</a>
    </li>
</ul>
</nav>
<div style="display:none">
    <div id="div-slide">
        <h1> About </h1>
        <a href="#"> close </a>
    </div>
</div>

<div id="header"> <a class="menu-icon" href="#my-menu"></a>

</div>
<div></div>

これがjsfiddleです。http://jsfiddle.net/4xQw6/1/

このソリューションは、div パネルを開くのに最適です。しかし、div パネルを閉じる href="#mm-m0-p0" は、文書化されていないハックのように感じます。もっと良い方法があるはずです。

<nav id="my-menu">
<ul>
    <li><a>Home</a></li>
    <li>
        <a href="#">Login</a>
        <div class="Panel">                      
           <a class="close" href="#mm-m0-p0">X</a> 
           <h3>Login form...</h3>
        </div>
    </li>
</ul>