Nav-collapse only toggles one way

0
I have used your bootstrap blank template which generally works very well.

I have tried to use the Bootstrap nav-collapse function and I just can't get it working correctly.

The hidden menu can be revealed but clicking the button again doesn't hide the menu.

This is the code
<div id="navigation-wrapper">     
<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" class="nav-collapse collapse"><?php if($this->countModules('navigation')) : ?><jdoc:include type="modules" name="navigation" style="" /><?php endif; ?></div>
<!--eo-navigation-->

</div><!--eo-container-->
</div><!--eo-navbar-inner-->
</div><!--eo-navbar-->
</div><!--eo-navigation-wrapper-->


I have ensured that the jquery script is loading as well as the bootstrap.js and bootstrap.css.

Thank you

Crispin

Accepted Answer

Wednesday, 11. June 2014, 11:09 - #permalink
0
same here only in german. Try to unset the bootstrap core files and load these from template directory (code see link above).
The reply is currently minimized Show
Responses (2)
  • Accepted Answer

    Wednesday, 11. June 2014, 11:54 - #permalink
    0
    I had spotted that the links were to the core files.

    I'll try that, thanks.
    The reply is currently minimized Show
  • Accepted Answer

    Wednesday, 11. June 2014, 12:29 - #permalink
    0
    You are a star! :)

    It worked a treat.

    Thank you
    The reply is currently minimized Show
Your Reply