Ciao sono alle prime armi con jquery e vorrei creare un menù come presente in questo sito http://www.designchemical.com/lab/jq...ugin/examples/ che è per un plugin di wordpress.
Io vorrei realizzare il menù 4 (il secondo nero per intenderci) con effetto hover.
Quel codice non riesco ad utilizzarlo e mi sembra anche un po' troppo "corposo".
Io ho la mia lista annidiata e poi ho il seguente codice:

codice:
<script type="text/javascript"> 		
$(document).ready(function () {	  			
$('#top-menu2 li').hover( 		
function () { 			
//mostra sottomenu 					
$('ul', this).stop(true,true).delay(50).slideDown(200); 				 					$('a', this).addClass("hover");  					
},   					
function () { 						
//nascondi sottomenu 						
$('ul', this).stop(true, true).slideUp(300); 						
$('a', this).removeClass("hover");		 					} 				
); 
 }); 		
</script>
se scrivo così mi appaio i figli della pagina, ma non mi "sposta" il link sotto e quindi si sovrappone tutto
Come faccio a risolvere?