jquery - 响应式多级菜单

任何人都可以帮助提供响应式多级菜单的代码。我已经创建了一个响应式SPA，现在我想将菜单修改为多级。这是一个plunker：http://plnkr.co/edit/NPHsIoirRJA1pS7KNopn?p=preview。我希望此处的两个菜单都包含子菜单（dashboard，tab1）。

最佳答案

您将需要将菜单项放入无序列表，然后将下拉菜单项放入另一个无序列表，然后相应地设置其样式。

<nav class="menu">
    <ul>
        <li><a ui-sref="dashboard">Dashboard</a></li>
        <li>
            <a ui-sref="#">Tab</a>
            <ul class="dropdown">
                <li><a ui-sref="page1">Page 1</a></li>
                <li><a ui-sref="page2">Page 2</a></li>
                <li><a ui-sref="page3">Page 3</a></li>
            </ul>
        </li>
    </ul>
</nav>

您可以在这里看到一个示例：http://plnkr.co/edit/0A55Sb4qjS0tap6tavJL?p=preview

关于jquery - 响应式多级菜单，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/35571263/