Question

我正在使用twitter bootstrap主题，其中我的子菜单包含子菜单，代码如下：

<div id="sidebar" class="nav-collapse ">
  <!-- sidebar menu start-->
  <ul class="sidebar-menu" id="nav-accordion">

    <p class="centered">
      <a href="profile.html"><img
                                  src="${pageContext.request.contextPath}/assets/img/ui-sam.jpg"
                                  class="img-circle" width="60"></a>
    </p>
    <h5 class="centered">Sys_Admin</h5>

    <li class="mt"><a class="active"
                      href="${pageContext.request.contextPath}/admin/viewDashboard"> <i
                                                                                        class="fa fa-dashboard"></i> <span>Dashboard</span>
      </a></li>

    <li class="sub-menu"><a href="javascript:;"> <i
                                                    class="fa fa-desktop"></i> <span>Management</span>
      </a>
      <ul class="sub">

        <li><a
               href="${pageContext.request.contextPath}/admin/addClient">Add
          </a></li>
        <li><a
               href="${pageContext.request.contextPath}/admin/addUser">ADD
          Users</a></li>

        <li><a
               href="${pageContext.request.contextPath}/admin/viewClient">Show
          all Clients</a></li>
        <li><a
               href="${pageContext.request.contextPath}/admin/assignCredits">Assign
          Credits</a></li>
      </ul></li>


    <li class="sub-menu"><a href="viewReportsAdmin"> <i
                                                        class="fa fa-cogs"></i> <span>View Client Reports</span>
      </a></li>

    <li class="sub-menu"><a  href="profile">
      <i class="li_settings"></i> <span>Profile</span>
      </a></li>
  </ul>
</div>

当我点击任何子菜单时，活动菜单会折叠。我希望它保持打开和活动状态，直到我点击另一个选项。

任何人都可以帮助我吗

Answer 1

这是你在找什么？ Click Me

OR

这...... Click me

只需查看这些模板的源代码，您应该拥有真正需要的内容。

如果您希望某人提供上述代码非常具体的解决方案，请将相关的css和js发布到该html。

twitter bootstrap侧导航菜单onclick collapse

1 个答案: