salve avrei 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:
javascript:
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:
codice:
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:
Il problema sorge quando devo chiudere la tendina io ho messo un evento nei[*] 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????