Este es el link donde se encuentra el menu
En todo caso aqui esta es mi estructura
Código HTML:
<ul id="navInside"> <li><a class="topLevel" id="nInicio">Inicio</a></li> <li><a class="topLevel" id="nProyectos" href="" >Proyectos</a> <ul> <li><a href="#">Submenu 1</a></li> <li><a href="#">Submenu 2</a></li> </ul> </li> </ul>
Este es mi código
Código:
EDITO:// Navigation Slide //
var navHover = function () {
$("#S" + this.id).animate({top: '-40px'}, 300, 'swing')
$(this).animate({paddingTop: '30px'}, 300, 'swing').animate({paddingTop: '45px'}, 300, 'swing')
$("#I" + this.id).animate({top: '-10px'}, 300, 'swing').animate({top: '0px'}, 300, 'swing')
}
var navRelease = function () {
$("#S" + this.id).animate({top: '-130px'}, 300, 'swing');
}
$('#navInside a.topLevel').hover(navHover, navRelease);
// Animacion submenu
function mainmenu(){
jQuery(" #navInside ul ").css({display: "none"}); // Opera Fix
jQuery(" #navInside li").hover(function(){
jQuery(this).find('ul:first').css({visibility: "visible",display: "none"}).slideDown(500);
},function(){
jQuery(this).find('ul:first').css({visibility: "hidden"});
});
}
jQuery(document).ready(function(){
mainmenu();
});
Ya esta solucionado... lo k hice fue cambiar el selector por el "li", no el "link" en si, asi cuando esta sobre todo el li, no se desactiva.


