Jquery 响应式多级菜单

Jquery 响应式多级菜单,jquery,css,responsive-design,single-page-application,Jquery,Css,Responsive Design,Single Page Application,任何人都可以帮助提供响应多级菜单的代码。我已经创建了一个响应式水疗中心,现在我想将菜单修改为多级。这是一个plunker:。我希望在此处为两个菜单(仪表板,选项卡1)都包含子菜单。您需要将菜单项放入无序列表,然后将下拉菜单项放入另一个无序列表,并相应地设置样式 <nav class="menu"> <ul> <li><a ui-sref="dashboard">Dashboard</a></li>

任何人都可以帮助提供响应多级菜单的代码。我已经创建了一个响应式水疗中心,现在我想将菜单修改为多级。这是一个
plunker
:。我希望在此处为两个菜单(仪表板,选项卡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>

  • 看看这个