Bom dia, para o menu mobile do meu site, eu fiz deste modelo:
O site é one page, e quando eu clico em "contatos", a pagina desce, porem o menu continua aberto... Como eu faço para quando clicar em qualquer item do menu, o menu ser fechado?
Fiz o menu funcionar com este código JS:
$(".btn-menu").click(function() {
$(".menu").show();
});
$(".btn-close").click(function() {
$(".menu").hide();
});
$(".fotodomenuz").click(function() {
$(".menu").show();
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<button class="btn-menu"> <i class="fa fa-bars fa-2x" aria-hidden="true"></i> </button>
<div class="menu">
<a class="btn-close"><img src="botao/bottom.png" alt="Botão fechar"></a>
<ul id="menuesquerda">
<a href="#ancora" class="scroll">
<li id="home">Home</li>
</a>
<a href="#seusite" class="scroll">
<li>Portfólio</li>
</a>
</ul>
<ul id="menudireita">
<a href="pages/biografia.html">
<li id="bio">Biografia</li>
</a>
<a href="#footer" class="scroll">
<li>Contatos</li>
</a>
</ul>
</div>
<a href="#ancora" onclick="myFunction()">Ancora</a>
edisplay:none
no CSS?