Ver Mensaje Individual
  #1 (permalink)  
Antiguo 15/02/2011, 15:14
Avatar de cristian_cena
cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 15 años, 6 meses
Puntos: 269
problema con menu desplegable.

Hola amigos, resulta que tengo un problema con jquery y un menu desplegable que estoy armando:

Este es el item de menu:
Código HTML:
Ver original
  1. <div id="institucional_arrow">
  2. <a href="#" class="menu_usuarios_a" id="inst_text">institucional</a>
  3. <div id="inst_arrow"></div>
  4. </div>

este es el panel que se desplega:
Código HTML:
Ver original
  1. <div id="institucional">
  2. <div class="desplegado_content">
  3.     <a href="http://localhost/1JAMBA/enress/sitio/panel/usuarios/institucional/historia/index.php">historia</a>
  4.     <a href="http://localhost/1JAMBA/enress/sitio/panel/usuarios/institucional/funciones/index.php">funciones</a>
  5.     <a href="http://localhost/1JAMBA/enress/sitio/panel/usuarios/institucional/composicion/index.php">composición</a>
  6.     <a href="http://localhost/1JAMBA/enress/sitio/panel/usuarios/institucional/jurisdiccion/index.php">jurisdicción</a>
  7.     <a href="http://localhost/1JAMBA/enress/sitio/panel/usuarios/institucional/presupuesto/index.php">presupuesto</a>
  8.     <a href="http://localhost/1JAMBA/enress/sitio/panel/usuarios/institucional/estructura/index.php">estructura</a>
  9.     <a href="http://localhost/1JAMBA/enress/sitio/panel/usuarios/institucional/sedes/index.php">sedes</a>
  10.     <a href="http://localhost/1JAMBA/enress/sitio/panel/usuarios/institucional/consejo_consultivo/index.php">consejo consultivo</a>
  11. </div>
  12. </div>


Al hacer mouseover se desplega hacia abajo el panel
Código Javascript:
Ver original
  1. $("#institucional_arrow").mouseover(
  2.     function(){
  3.         $("#institucional").slideDown("fast");
  4.     }
  5. );

Al hacer mouseout sobre el panel se pliega hacia arriba el panel
Código Javascript:
Ver original
  1. $("#institucional").mouseout(
  2.     function(){
  3.         $("#institucional").slideUp("fast");
  4.     }
  5. );


Bien, todo funciona como debe ser. pero el problema es que al hacer mouseout sobre #institucional cuando selecciono un <a> se pliega el menu, y lo que deseo es que se pliegue cuando el mouse salga de la capa #institucional.
O sea, al entrar el mouse sobre el enlace esta saliendo de la capa #institucional, pero lo que busco es que el evento mouseout se lleve a cabo cuando el mouse salga del rectangulo que contiene los enlaces.

Desde ya agradezco su ayuda de antemano.

Un saludo