Nav-collapse only reveals, doesn't hide - Joomla! Forum - community, help and support

i have problem getting nav-collapse work correctly , frustrating least.

this half working. reveals menu when button clicked. won't hide on second click or subsequent clicks. can spot error? appreciate help.

button when page first loaded

code: select all

<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>

button after 1 click same

after second click

code: select all

<button type="button" class="btn btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>

the code in template

code: select all

  <div class="navbar navbar-fixed-top navbar-inverse">
    <div class="navbar-inner">
      <div class="container">
            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
       
       
      <div id="navigation-wrapper" class="nav-collapse collapse">   
        <div id="navigation"><?php if($this->countmodules('navigation')) : ?><jdoc:include type="modules" name="navigation" style="" /><?php endif; ?></div>
      <!--eo-navigation-->
      </div><!--eo-navigation-wrapper-->
      </div><!--eo-container-->
    </div><!--eo-navbar-inner-->
  </div><!--eo-navbar-->

problem solved.

i have no idea core bootstrap.js seems problem.

i have put downloaded bootstrap files template js folder.

added below

code: select all

$doc->addscript($tpath.'/js/jquery-2.1.0.min.js');
  $doc->addscript($tpath.'/js/jquery-noconflict.js');
  $doc->addscript($tpath.'/js/bootstrap.min.js');

works treat now.

i recommend http://www.blank.vc/ blank templates.