Ciao a tutti,
ho questo menu nella mia navbar ma con il javascript che di seguito vi riporto il menu ha dei problemi; non scompare cliccando sul link. Questo mi crea problemi poichè negli apparecchi Mobile il menu sovrasta lo scroll della mia pagina. Qualcuno di voi può aiutarmi? Grazie.

<div id class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container" id ="mainmenu">
<div class="navbar-header page-scroll">

<button type="Button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-example">
<span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
</button>

<a class="navbar-brand page-scroll" href="#carousel">My web site</a>

</div>
<div id="navbar-example" class="collapse navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#carousel">HOME PAGE</a></li>
<li><a class="page-scroll" href="#my-services">01 SERVICES</a>
</li>
<li><a href="#about">02 ABOUT ME</a></li>

<li><a href="#contact">03 CONTACT</a></li>
</ul>
</div><!--/.navbar-collapse -->
</div>
</div>

JAVASCRIPT:

<script>
$(document).ready(function(){
//When btn is clicked
$(".navbar").click(function() {
$("#navbar-example").slideToggle('fast', function() {});
});
});
</script>