.next()

[Mateus Silva 64]

Olá, estou fazendo um menu bem simples com divs mesmo, mas estou com um problema, a idéia e que quando a pessoa clique no menu principal os submenus dropem meu script tá assim

$('.subnav').toggle(function(){
$('.submenus').hide();
$(this).next().show();
}, function(){
$(this).next().hide();
});

<div id="nav-op" class="subnav rosa">Administração</div>
<div class="submenus">
<a href=""><div id="nav-sub" class="rosa">Usuários</div><a/>
<a href=""><div id="nav-sub" class="rosa">Usuários</div><a/>
<a href=""><div id="nav-sub" class="rosa">Usuários</div><a/>
</div>

<div id="nav-op" class="subnav azul">Moderação</div>
<div class="submenus">
<a href=""><div id="nav-sub" class="azul">Usuários</div><a/>
<a href=""><div id="nav-sub" class="azul">Usuários</div><a/>
<a href=""><div id="nav-sub" class="azul">Usuários</div><a/>
</div>

<div id="nav-op" class="subnav verde">Portal de notícias</div>
<div class="submenus">
<a href=""><div id="nav-sub" class="verde">Usuários</div><a/>
<a href=""><div id="nav-sub" class="verde">Usuários</div><a/>
<a href=""><div id="nav-sub" class="verde">Usuários</div><a/>
</div>

e o efeito só está sendo aplicado no primeiro link do menu, nos demais não :\ to tentando arrumar há horas, alguém pode me dar uma mão ?

[Marlon Pacheco 132]

Tem como passar o CSS tbm?

[Lucas Guima 164]

Você está utilzando o .toggle() equivocadamente. Leia a documentação.