menu con jquery a tendina

[zoc]

Ciao a tutti,
mi sto programmando un menu a tendina con jquery. Penso di essere quasi arrivato al punto ma non riesco a capire come fare un cosa.
Praticamente quando con il mouse vado sul link che ha id=link-ricette il div sotto mi si apre, ma giustamente quando vado per cliccare le voci sottostanti mi si chiude. Come faccio a dirgli "se ti trovi sopra le altre voci stammi aperto?".

<script>
$(document).ready( function(){
	$('#ricette-menu').hide();
	$('#link-ricette').mouseover(function() { 
		$('#ricette-menu').slideDown('jswing'); 
	});
	$('#link-ricette').mouseout(function() { 
		$('#ricette-menu').slideUp('jswing');
	});
});
</script>

grazie mille!

[Xinod]

mouseenter mouseleave al posto di mouseover e out

[zoc]

mmm... o sbaglio qualcosa io oppure mouseenter non risolve la cosa

ecco la struttura

[*]
    RICETTE
    <div id="ricette-menu">
      <div>Piatti unici</div>
      <div>Colazioni e merende</div>
      <div>Dessert</div>       
    </div>

grazie!

[Xinod]

si', non mi era chiaro il tuo markup

$('#link-ricette').parent().mouseenter(function() {...})

ciao

[zoc]

sei un drago! funziona perfettamente!

grazie ancora!