bootstrap collapse, jquery active

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

Добавление класса 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/