Javascript 引导程序侧栏折叠/激活多个带有公共目的地（href）前缀的项目

首先，我尝试创建一个bootply/jsfiddle，但由于问题是当我单击一个锚点时，我无法重现这个问题

这就是问题所在，我有一个两级可折叠引导边栏。我还使用metisMenu.js使其像手风琴一样，但问题是当我单击一个链接并重新加载页面时

我在侧边栏中有几个链接，有些链接有一个公共前缀，当我单击其中一个链接时，带有公共前缀的链接会折叠起来

假设我有一份菜单，上面有一些项目：

<div class="navbar-default sidebar" role="navigation">
 <div class="sidebar-nav navbar-collapse">
  <ul class="nav" id="admin-menu">
     <li>
       <a href="/admin">
          admin
       </a>
     </li>


     <li>
        <a href="#">...</a>
        <ul class="collapse nav nav-second-level">
            <li>
               <a href="/admin/search">
                  admin/search
               </a>
            </li>
            <li>
               <a href="/admin/search/something">
                 admin/search/something
               </a>
            </li>
        </ul>
    </li>

JSFIDLE只是为了说明，它不起作用，因为我们需要链接：

如果我单击管理链接，它将设置为活动。。。没有倒塌

如果我单击管理/搜索，则管理设置为活动。。。已折叠，并且管理/搜索也处于活动状态

如果我点击admin/search/something，所有三个链接都处于活动状态，并且。。。它也崩溃了

---

我有没有办法消除这种行为？我没有检查前缀，而是检查整个链接是否匹配？

好的，我只是把这个SB Admin 2模板和MetisMenu扔进了垃圾箱。我正在使用另一个手动数据折叠和V形箭头管理的模板，它有点难看，但工作完美无瑕。这也是一个很好的选择：嗨，辛格勒，我不太确定你遇到的问题是否是每个菜单中额外的重新油漆。但为了以防万一，请检查此解决方案，它会删除第二级菜单中的额外重绘