Foros del Web » Programando para Internet » Jquery »

Solucionado - [jQuery] Cuando Hover submenu, desaparece Menu.

Estas en el tema de Solucionado - [jQuery] Cuando Hover submenu, desaparece Menu. en el foro de Jquery en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 29/11/2010, 10:58
Avatar de Omegakenshin  
Fecha de Ingreso: junio-2010
Ubicación: Costa Rica
Mensajes: 156
Antigüedad: 14 años, 6 meses
Puntos: 22
Pregunta Solucionado - [jQuery] Cuando Hover submenu, desaparece Menu.

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.

Última edición por Omegakenshin; 29/11/2010 a las 14:22 Razón: Solucionado

Etiquetas: hover, submenu
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:24.