0
<!-- header -->
<header class="header header-fixheight header--fixed">
<div class="container">
<div class="header__inner">
<div class="header-logo"><a href="home.html"><img src="assets/img/logo-menu.png" alt=""/></a></div>
<!-- raising-nav -->
<nav class="raising-nav">
<!-- raising-menu -->
<ul class="raising-menu" id="menu-1">
<li class="current"><a class="nav-link" href="#id1">Home</a>
</li>
<li><a class="nav-link" href="#id2">Sobre Nós</a>
</li>
<li><a class="nav-link" href="#id3">Serviços</a>
</li>
<li><a class="nav-link" href="#id4">Galeria</a>
</li>
<li><a class="nav-link" href="#id5">Depoimentos</a>
</li>
<li><a class="nav-link" href="#id6">Sobre</a>
</li>
<li><a class="nav-link" href="#id7">Contato</a>
</li>
</ul><!-- raising-menu -->
<div class="navbar-toggle" id="hamburguer"><i class="fa fa-bars" onclick="mostrarmenu()"></i></div>
</nav><!-- Fim / raising-nav -->
</div>
</div>
</header><!-- Fim / header -->
In the code below, the function hides well, but does not work to show. Can you help me solve?
<script type="text/javascript">
$(document).ready(function(){
$(".nav-link").click(function(){
$("#menu-1").toggle('hide');
});
});
function mostrarmenu(){
$("#menu-1").toggle('show');
}
</script>
Edit your question and put the html will make it easy to answer you
– hugocsl