Hide Twitter Bootstrap nav collapse on click
html, jquery, twitter-bootstrap
Solution
try this:
$('.nav a').on('click', function(){
$('.btn-navbar').click(); //bootstrap 2.x
$('.navbar-toggle').click(); //bootstrap 3.x by Richard
$('.navbar-toggler').click(); //bootstrap 4.x
});
Problem
This is not a submenu dropdown, the category is class li as in the picture: By selecting a category from the responsive menu (the template is just one page), I want to hide nav collapse automatically when clicking. Also stroll to use as navigation, since the template has only one page. I seek a solution that does not affect it, here is the HTML code of menu: ``` <!-- NAVBAR ================================================== --> <div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <a 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> </a> <a class="brand" href="#">Carousel Demo</a> <div class="nav-collapse"> <ul class="nav" > <li class="active"><a href="#home">Home</a></li> <li><a href="#about">About</a></li> <li><a href="#portfolio">Portfolio</a></li> <li><a href="#services">Services</a></li> <li><a href="#contact">Contact</a></li> <!-- dropdown --> </ul> <!-- /.nav --> </div> <!--/.nav-collapse --> </div> <!-- /.container --> </div> <!-- /.navbar-inner --> </div> <!-- /.navbar --> ```