Tenho a Seguinte div:
<div class="sub-menu">
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
</ul>
</div>
tenho uma função em jQuery
que mostra e esconde esse menu quando clico na div botão
, tenho duas condições para esconder esse sub menu, ou clicando na div botão
ou clicando na própria div sub-menu
usando essa função:
$(".sub-menu").click(function(){
if(status == 1){
$('.sub-menu').animate({
left: '-224px',
}, 300);
$('.fade').fadeOut();
status = 0;
$('.hamburg').removeClass('open');
}
});
a variável status
verifica se o sub-menu
esta aberto ou fechado, o problema é que quando clico nas li's
dentro do sub-menu
ele ignora os link e apenas fecha a div sub-menu
, como fazer ele readicionar normalmente para as supostas paginas ao clicar nos links?