Buenos días,
Tengo el siguiente navbar:
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-header">
<a class="navbar-brand" href="#">Brand</a>
<button class="navbar-toggle" type="button" data-target=".navbar-collapse" data-toggle="collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</nav>
Cuando haga clic en un enlace del menú, por ejemplo: "About", en la propia página html se mostrará un div con un contenido cualquiera y se cerrará el menú desplegable. El problema que tengo, es que no se como cerrar el menú desplegable, cuando realizo clic en un link del menú. (quiero que todo ocurra en la misma página)
Muchas gracias,