Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

marcos_maciel_silva

Erro em código

Recommended Posts

Mi ajudem por favor...

Estou fazendo um menu e estou tentando usar o jquery só que quando clico em um link do menu exibe todos os outros

 

 

/codigo

 

$(document).ready(function() {
$('.nav-menu-top ul li > ul').hide();
$('.nav-menu-top ul li a').click(function(){
$('.submenu').slideDown();
});
$('body').dblclick(function(){
$('.submenu').slideUp();
});
});
/form
<nav>
<ul>
<li>
<form action="#" method="get" enctype="multipart/form-data">
<input type="text" class="txt-busca" id="txt-busca" placeholder="Fazer busca..." required maxlength="120" />
<input type="submit" hidden="true"/>
</form></li>
<li><a href="#"><i class="fa fa-wrench"></i> Configurações</a>
<ul class="submenu">
<li><a href="#">Banco de Dados</a></li>
</ul>
</li>
<li><a href="#"><i class="fa fa-cogs"></i> Opções</a>
<ul class="submenu">
<li><a href="#">Banco de Dados</a></li>
<li><a href="#">Banco de Dados</a></li>
<li><a href="#">Banco de Dados</a></li>
</ul>
</li>
<li><a href="#" id="loggout"><i class="fa fa-sign-out"></i> Loggout</a></li>
</ul>
</nav>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Altere de:

$('.submenu').slideDown();

Para:

$(this).next('ul.submenu').slideDown();

Ou, se caso funcionar parcialmente, pode alterar para:

$(this).parent().find('ul.submenu').slideDown();

;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.