javascript - bootstrap collapse, jquery active -


hi have made collapsible accordion menu bootstrap javascript plugin, menu works great know if possible use jquery active class keep menu opened @ current position when loading new page menu. learning javascript , therefore not sure how go doing this.

this of html of menu:

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

"me" , "articles" open when clicking on "about", both of link new page. menu stay open when clicking on links.

adding in class on collapseone make accordion open default.

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

example in jsfiddle

http://jsfiddle.net/zw3zu/


Comments

Popular posts from this blog

c# - How Configure Devart dotConnect for SQLite Code First? -

java - Copying object fields -

c++ - Clear the memory after returning a vector in a function -