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.