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

Change this:

$(document).ready(function () {
    $("#navbar li a").click(function(event) {
        // check if window is small enough so dropdown is created
        $("#navbar-toggle").is(":visible")
            $("#nav-collapse").toggle();
    });
  });

to this:

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

See http://jsfiddle.net/fw7vh/4/