0

嗨，使用 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>

单击“关于”时会打开“我”和“文章”，这两个链接都指向新页面。我希望在单击这些链接时菜单保持打开状态。

4

1 回答 1

1

在你的上添加in类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>

JSFiddle 中的示例

http://jsfiddle.net/zw3ZU/

于 2013-09-24T21:58:54.380 回答