Menu a tendina

Salve e buon anno a tutti.
Averi bisogno di un vostro aiuto.


Di solito nei miei lavori non faccio menu a tendina non le amo molto ma un cliente me lo ha chiesto e lo devo fare per forza.
Ho questo codice:

java-script:
codice:

function closemenu(menu){
	
	if(menu){
		if($("ul.s" + menu).is(":visible")){
			$("ul.s" + menu).hover(function(){
			}, function(){
				$("ul.s" + menu).slideUp("fast", function(){
					$("ul.s" + menu + ">li").remove();
					$("li#" + menu + ">a").removeClass("menucaton").addClass("menucat");
				});
			});
		}
	}else{
		
	}
}

css:

ul.menucat { margin:0; padding:0; list-style:none; line-height:30px; }
ul.menucat>li { position:relative; float:left; background-color:#006; margin:10px 5px 0px 10px; border-radius:5px 5px 0px 0px; -mox-border-radius:5px 5px 0px 0px; display:block; }
ul.menucat>li>ul { position:absolute; min-width:200px; margin:0; padding:5px; line-height:normal; list-style:none; z-index:10; background:url(../images/page/background/bgSubMenuCat.png) repeat; display:none; border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px; text-align:left; }
ul.menucat li ul li { margin-bottom:5px; }

html:

<ul class="menucat">
<li id="m0" onmouseout="closemenu('m0')"><a class="menucat" href="java-script:menucat(0,1,'it')">Il Santuario</a>
<ul class="sm0"></ul>
</li>
<li id="m1" onmouseout="closemenu('m1')"><a class="menucat" href="java-script:menucat(1,1,'it')">Don Salvatore Vitale</a>
<ul class="sm1"></ul>
</li>
<li id="m2" onmouseout="closemenu('m2')"><a class="menucat" href="java-script:menucat(2,1,'it')">La Piccola Casetta di Nazareth</a>
<ul class="sm2"></ul>
</li>
</ul>

Il problema sorge quando devo chiudere la tendina io ho messo un evento nei <li> principali che contengono al suo interno anche la tendina.
Ora spostandomi con il mouse sulla tendina si chiude e fin qui tutto ok ma si dovrebbe chiudere anche spostando il mouse sui link che aprono le tendine ed invece non le chiude.
Dove sbaglio????

[karl94]

Perché scomodare il javascript e pesanti framework quando è sufficiente un po' di buon CSS?

perchè la devo aprire animata

[karl94]

Puoi usare sempre i CSS: http://www.w3.org/TR/css3-transitions/