menu dropDown

[Shicamaru 0]

ae galera tenho essa include (menu.inc):

<div class="menu" align="center">
<div class="container_12">
	<div class="grid_10">
		<ul class="tabs">
<li><a href="#">Home</a>				
<li><a href="#">Parceiro</a>
<ul class="dropdown">
<li><a href="#">Parceiro 1</a>
<ul class="dropdown2">
<li><a href="#">Submenu Parceiro 1</a></li>
<li><a href="#">Submenu Parceiro 1</a></li>
<li><a href="#">Submenu Parceiro 1</a></li>
<li><a href="#">Submenu Parceiro 1</a></li>

<li><a href="#">Submenu Parceiro 1</a></li>

</ul>
</li>
<li><a href="#">Parceiro 2</a>
<ul class="dropdown">
<li><a href="#">Submenu Parceiro 1</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Downloads</a>
<li><a href="#">Sorteios</a>
<li><a href="#">Serviços</a>
<ul class="dropdown">
<li><a href="#">Serviços</a>
<ul class="dropdown">
<li><a href="#">Submenu Parceiro 1</a></li>
</ul>
</li>
</li>
</ul>
	</div>
</div>
</div>

 

e esse script (menu.js):

$(function () {
$(".dropdown").each(function () {
$(this).parent().eq(0).hover(function () {
$(".dropdown:eq(0)", this).show();
}, function () {
$(".dropdown:eq(0)", this).hide();
});
});
});

 

o unico problema é que a primeira vez q o submenu desce, ele mostra o submenu do submenu junto.

tipo em vez de ao passar o mouse em "Parceiros" ele aparecer só "Parceiro 1" ele aparece ("Parceiro 1" + "subparceiro 1") sem que se passe o mouse em "Parceiro 1" antes..

 

alguem poderia me ajudar??

obg ^^

[Shicamaru 0]

OMG e agora quem pode me ajudar? ='/

[William Bruno 1501]

é seletor css amigo.

 

use um seletor filho: > (ai só pega o primeiro filho direto)