Bootstrap 3 Hide Dropdown Menu on Menu Item Click

Question

Check out the fiddle. I have a basic Bootstrap 3 responsive nav like so:

    

        &         


        
      

Answer 1

I am new to Bootstrap but with a small changed to the above code it works beautifully now. Remember that when you click on the logo the drop-down menu should close too, that is why I have added navbar-header to it!

jQuery(document).ready(function () {
        jQuery(".nav a, .navbar-header a").click(function(event) {
                // check if window is small enough so dropdown is created
               jQuery(".navbar-collapse").removeClass("in").addClass("collapse");
        });
});