bootstrap崩溃，jquery活跃

Question

您已经做了一个可折叠的手风琴菜单与引导JavaScript插件，菜单很好，但我想知道是否有可能使用jquery活动类来保持菜单打开在其当前位置从菜单加载新页面时。我只是学习JavaScript，因此我不确定我会如何去做这件事。

这是我的一些菜单的HTML的：

 <div id="nav">      
     <div id="accordion">   
      <div class="heading"> 
      <a class="accordion-toggle nav-main-item" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">About</a> 
      </div><!--ends heading--> 
      <div id="collapseOne" class="collapse"> 
       <ul> 
       <li><a class="nav-sub-item" href="about.html">me</a></li> 
       <li><a class="nav-sub-item" href="articles.html">articles</a></li> 
      </ul> 
      </div><!--ends collapseOne--> 
     </div> 
    </div> 

“我”和“公司章程”开辟的“约”，这两个链接的点击到一个新的页面时。我希望菜单在点击这些链接时保持打开状态。

Answer 1

在您的collapseOne上添加in类将使手风琴默认打开。

<div id="nav"> 
    <div id="accordion"> 
     <div class="heading"> <a id="about" class="accordion-toggle nav-main-item" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">About</a> 

     </div> 
     <!--ends heading--> 
     <div id="collapseOne" class="collapse"> 
      <ul> 
       <li><a class="nav-sub-item" href="about.html">me</a> 

       </li> 
       <li><a class="nav-sub-item" href="articles.html">articles</a> 

       </li> 
      </ul> 
     </div> 
     <!--ends collapseOne--> 
    </div> 
</div> 

<script> 
    $(function() { 
     $('#collapseOne').addClass('in'); 
    }); 
</script> 

例中的jsfiddle

http://jsfiddle.net/zw3ZU/