Javascript 如何添加多级菜单？

我也是新来的。我从一个网站下载了AdminEx引导主题，我发现该主题没有多级菜单。但我需要同样的。我在这里附上了侧栏HTML和JS脚本。请帮我建造这个

HTML代码[与主题相同]：

<ul class="nav nav-pills nav-stacked custom-nav">
    <li><a href="index.html"><i class="fa fa-home"></i> <span>Dashboard</span></a></li>
    <li class="menu-list"><a href=""><i class="fa fa-laptop"></i> <span>Layouts</span></a>
        <ul class="sub-menu-list">
            <li><a href="blank_page.html"> Blank Page</a></li>
            <li><a href="boxed_view.html"> Boxed Page</a></li>
            <li><a href="leftmenu_collapsed_view.html"> Sidebar Collapsed</a></li>
            <li><a href="horizontal_menu.html"> Horizontal Menu</a></li>
        </ul>
    </li>
    <li class="menu-list"><a href=""><i class="fa fa-book"></i> <span>UI Elements</span></a>
        <ul class="sub-menu-list">
            <li><a href="general.html"> General</a></li>
            <li><a href="buttons.html"> Buttons</a></li>
            <li><a href="tabs-accordions.html"> Tabs &amp; Accordions</a></li>
            <li><a href="typography.html"> Typography</a></li>
            <li><a href="slider.html"> Slider</a></li>
            <li><a href="panels.html"> Panels</a></li>
            <li><a href="widgets.html"> Widgets</a></li>
        </ul>
    </li>
</ul>

主题直播网址：

我认为可以通过jquery实现。

---

请帮助建立相同的。谢谢。

您需要做一些更改：

html

更改只是一个例子，当然您会根据自己的喜好进行更改

index.html

来自

<li><a href="blank_page.html"> Blank Page</a></li>

jQuery('.menu-list').each(function() {
   var t = jQuery(this);
     if(t.hasClass('nav-active')) {
        t.find('> ul').slideUp(200, function(){
           t.removeClass('nav-active');
        });
     }
});

至

<li class="menu-list nav-active">
   <a href="">More options</a>
     <ul class="sub-menu-list">
        <li><a href="boxed_view.html">More option 1</a></li>
        <li><a href="boxed_view.html">More option 1</a></li>
    </ul>
</li>

elem.parent().siblings('.nav-active').find('> ul').slideUp(200, function(){
   t.removeClass('nav-active');
});

---

我想要三级而不是两级。还有你的JS脚本不起作用@Moshnow菜单是2级的。我在空白页链接下又添加了一个。此外，我下载了模板，并在我的答案中做了更改，它工作了。您确定所做的更改正确吗？

控制台中有任何错误吗

？非常感谢，它工作正常，但是当侧边栏折叠时，我想在悬停时显示第三级菜单。查看实时url以了解，

jQuery('.menu-list').each(function() {
   var t = jQuery(this);
     if(t.hasClass('nav-active')) {
        t.find('> ul').slideUp(200, function(){
           t.removeClass('nav-active');
        });
     }
});

elem.parent().siblings('.nav-active').find('> ul').slideUp(200, function(){
   t.removeClass('nav-active');
});