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
Comments
Post a Comment