Salu2 compañeros, tengo un problema, cuando estoy encima de mi menu, y trato de seleccionar un submenu, el menu regresa a su estado inicial, kisiera hacer k si me posiciono sobre el submenu, se kedara ahi hasta k escoja otro...
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:
// 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();
});
EDITO:
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.