你好，我用bootstrap 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>

“我”和“文章”打开时，点击“关于”，这两个链接到一个新的页面。我希望菜单保持打开时，点击这些链接。