Javascript 通过直接访问展开引导4折叠菜单

我有一个侧边栏菜单，其中有许多条目和许多子级别，如下所示：

  <div class="container-fluid">
     <div class="row">
        <div class="col-md-2" id="sidebar" style="margin: 5px 0">
           <div class="list-group panel">
              <a href="/demo" class="list-group-item">Menu</a>
              <a href="#tech" class="list-group-item" data-toggle="collapse"><i class="fa fa-wrench"></i> Menu 1 <i class="fa fa-caret-down"></i></a>
              <div class="collapse" id="tech" data-parent="#sidebar">
                 <a href="#techsub1" class="list-group-item" data-toggle="collapse">Sub 1 <i class="fa fa-caret-down"></i></a>
                 <div class="collapse" id="techsub1" data-parent="#techsub1">
                    <a class="list-group-item" href="techsub1sub1.html">techsub1sub1</a>
                    <a class="list-group-item" href="techsub1sub2.html">techsub1sub2</a>
                 </div>

                 <a href="#techsub2" class="list-group-item" data-toggle="collapse">Sub 2 <i class="fa fa-caret-down"></i></a>
                 <div class="collapse" id="techsub2" data-parent="#techsub2">
                    <a href="#techsub2sub1" class="list-group-item" data-toggle="collapse">Sub 2 <i class="fa fa-caret-down"></i></a>
                    <div class="collapse" id="techsub2sub1" data-parent="#techsub2sub1">
                       <a class="list-group-item" href="techsub2sub1sub1.html">techsub2sub1sub1</a>
                       <a class="list-group-item" href="techsub2sub1sub2.html">techsub2sub1sub2</a>
                    </div>
                 </div>
              </div>

              <a href="#anx" class="list-group-item" data-toggle="collapse" data-parent="#sidebar"><i class="fa fa-book"></i> Menu 2 <i class="fa fa-caret-down"></i></a>
              <div class="collapse" id="anx" data-parent="#sidebar">
                 <a class="list-group-item" href="anx1.html">anx1</a>
                 <a class="list-group-item" href="anx2.html">anx2</a>
              </div>

           </div>
        </div>

        <main class="col-md-10" style="background-color: #fff; max-width: 1140px; padding-top: 30px; padding-bottom: 20px">
           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        </main>
     </div>
  </div>

它工作得很好，但是菜单中的条目太多了，我想在每一页上使用一个寻呼机[上一页-当前页-下一页]

---

我担心的是，当我点击上一页或下一页时，侧边栏会被折叠。是否有一种方法可以扩展相应的调用页面，但要使其在主页上保持折叠状态？

您需要做的就是将.show CSS类添加到折叠的having.collapse CSS类块中，您要扩展该块。看

它可以通过两种基本的方式来完成——对每个页面进行硬编码，或者根据某些参数（可能是所需扩展折叠的id）以动态/编程方式添加

---

在重定向时将参数从一个页面传递到另一个页面是一个单独的问题，但如果您想知道如何做，请尝试一些URL参数/哈希或cookies/本地存储

James，我可能还不够清楚。举个例子，我不知道如何确定在检索techsub2sub1sub2.html时必须显示techsub2，很抱歉误解了。在jQuery可用的情况下，$'sidebar a[href=techsub2sub1sub2.html]'.parents'.collapse'.addClass'show'；按照预期使用techsub2为您的示例工作？注意，key属性是从anchorBrillant检索到的页面URL！非常感谢你，詹姆斯