ciao a tutti!! ho creato un menu, ho 3 file, il file html che ha l'elenco delle voci e delle sottovoci fatti con i vari <ul> e[*] il file css per lo stile del menu e poi un file js per dare l'effetto rallentato dell'apertura dei menu:
codice:
$(function(){

$("#nav>li").hover(

    function(){$("li",this).slideDown("slow");},

    function(){$("li",this).slideUp("slow");});

});
solo che questo effetto da dei problemi:
1) alla prima selezione non c'è nessun effetto, avviene solo dalla seconda in poi
2) l'effetto rallentato per la riduzione del sottomenu non c'è
3) se io passo veloce con il mouse su tutte le voci più volte e poi mi soffermo su una quest'ultima riprodurrà l'effetto rallenty tante volte quante le volte che son state selezionate le altre voci, come se mettesse l'effetto in coda.

come risolvo?

se vi serve metto anche il file css
codice:
ul#nav,ul#nav ul{

    margin:0;list-style:none;padding:0;background-color:#dedede;border-width:1px;border-style:solid;border-color:#5f5f5f;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}

ul#nav ul{

    display:none;position:absolute;left:40px;top:100%;-moz-box-shadow:3.5px 4px 5px #000000;-webkit-box-shadow:3.5px 4px 5px #000000;box-shadow:3.5px 4px 5px #000000;padding:0 10px 10px;background-color:#FFFFFF;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;border-color:#d4d4d4;}

ul#nav li:hover>*{

    display:block;}

ul#nav li:hover{

    position:relative;}

ul#nav ul ul{

    position:absolute;left:98%;top:-2px;}

ul#nav{

    display:block;font-size:0;position:absolute;z-index:1000;left:10px;top:10px;}

ul#nav li{

    display:block;white-space:nowrap;font-size:0;float:left;}

ul#nav>li,ul#nav li{

    margin:0;}

ul#nav a:active, ul#nav a:focus{

    outline-style:none;}

ul#nav a{

    display:block;vertical-align:middle;text-align:left;text-decoration:none;font:bold 14px Trebuchet MS,sans-serif;color:#000000;text-shadow:#FFF 0 0 1px;cursor:pointer;padding:10px;background-color:#c1c1c1;background-image:url("mainbk.png");background-position:0 0;border-width:0 0 0 1px;border-style:solid;border-color:#C0C0C0;}

ul#nav ul li{

    float:none;margin:10px 0 0;}

ul#nav ul a{

    text-align:left;padding:4px;background-color:#FFFFFF;background-image:none;border-width:0;font:14px Tahoma,serif;color:#000;text-decoration:none;}

ul#nav li:hover>a{

    background-color:#0c97e2;border-color:#C0C0C0;border-style:solid;font:bold 14px Trebuchet MS,sans-serif;color:#000000;text-decoration:none;text-shadow:#FFF 0 0 1px;background-image:url("mainbk.png");background-position:0 100%;}

ul#nav img{

    border:none;vertical-align:middle;margin-right:20px;width:16px;height:16px;}

ul#nav ul img{

    width:16px;height:16px;}

ul#nav img.over{

    display:none;}

ul#nav li:hover > a img.def{

    display:none;}

ul#nav li:hover > a img.over{

    display:inline;}

ul#nav span{

    display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}

ul#nav ul li:hover>a{

    background-color:#FFFFFF;background-image:none;font:14px Tahoma,serif;color:#0978b3;text-decoration:none;}

ul#nav li.topfirst>a{

    border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;}

ul#nav li.toplast>a{

    border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0;}