Galera tenho o seguinte HTML
<nav class="nav nav-default">
<div class="container">
<a href="#" class="nav-brand">Brand</a>
<button type="button" class="nav-button">
<span class="fa fa-navicon"></span>
</button>
<ul class="nav-links" id="nav-links">
<li><a href="#">Links1</a></li>
<li><a href="#">Links2</a></li>
<li><a href="#">Links3</a></li>
<li><a href="#">Links4</a></li>
<li><a href="#">Links5</a></li>
</ul>
</div>
</nav>
E o seguinte javascript:
$(".nav-button").click(function() {
$("#nav-links").css("display","block");
});
O que acontece: Clico ele mostra os links
mas quando clico novamente quero que esconda de novo, já testei:
Mostrar e esconder uma div clicando no mesmo linkMostrar e esconder uma div clicando no mesmo link
Como esconder/mostrar uma div em HTML?Como esconder/mostrar uma div em HTML?
Só que não consigo o resultado esperado. Aguardo respostas..