twitter bootstrap 侧边导航菜单 onclick 折叠

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

或

这...Click me

只要检查这些模板的源代码，你应该有你真正需要的。

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