Javascript 引导折叠，jquery处于活动状态

大家好，我已经用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>

---

“我”和“文章”在点击“关于”时打开，这两个链接都指向一个新页面。我想菜单保持打开时，点击这些链接

将

类中的
添加到您的
collapseOne
将默认打开手风琴

<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>








$（函数（）{
$（'#collapseOne'）.addClass（'in'）；
});

JSFiddle中的示例

使用in-class会起作用，但nav是从外部html文件调用的，不会在我的所有html页面中重复。在加载页面时，是否有办法将类内添加到菜单中？我更新了答案，以便在加载页面时以编程方式添加类内