javascript - Bootstrap toggle doesn´t work when a link is clicked

Question

The navbar on the right collapses when the window is resized, but when I click the toggle button the menu appears. When I click any link, the bar doesn′t "un-toggle"... Can anybody help me?

Site here

Answer 1

Having the menu collapse when a link is clicked is not the default functionality of the expand/collapse menu with bootstrap. If you want it to function that way, you have to bind the hide function .collapse('hide') to the click action for those links.

You can do so by including this:

jQuery(function($){
    $('.navbar-default .navbar-nav > li > a').click(function() {
        $('.navbar-default .navbar-collapse').collapse('hide')
    });
});