jquery - 响应式多级菜单

Question

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

Answer 1

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

<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