Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Mostrar/Ocultar Capas con slideDown

Estas en el tema de Mostrar/Ocultar Capas con slideDown en el foro de Frameworks JS en Foros del Web. Saludos Cordiales Tengo 2 Capas Generales: Código: <div id="menuboton1"> Colocate aqui </div> Código: <div id="sub1"> <ul><li>Esto es</li><li>Esto no es</li></ul> </div> La capa " sub1" esta ...
  #1 (permalink)  
Antiguo 19/08/2011, 09:36
Avatar de José Molina  
Fecha de Ingreso: enero-2002
Ubicación: USA
Mensajes: 768
Antigüedad: 22 años, 10 meses
Puntos: 1
Mostrar/Ocultar Capas con slideDown

Saludos Cordiales

Tengo 2 Capas Generales:

Código:
<div id="menuboton1">
 Colocate aqui
</div>
Código:
<div id="sub1">
  <ul><li>Esto es</li><li>Esto no es</li></ul>
</div>
La capa "sub1" esta oculta y al colocarme sobre "menuboton1" debe aparecer "sub1" con un barrido. Luego al pasar el mouse sobre "sub1" esta capa debe permanecer activa, hasta que saque el mouse de sobre ella.

Lo estoy haciendo así:

Código:
<script language="javascript">
                  $(document).ready(function(){
                                 //animación del texto con easing
                                 $("#menuboton1").mouseover(function(){
                                                  $('#sub1').slideDown('fast');     
                                 });
                                 
                                 $("#menuboton1").mouseout(function(){
                                                 $("#sub1").mouseout(function(){
                                                                 $('#sub1').slideUp('fast');
                                                 });
                                 });
                  })
                  </script>
Todo va bien, pero me ocurre lo siguiente: La capa "sub1" mide 400px de ancho x 400px de alto. El "UL" que contiene la capa "sub1" mide 100px de ancho x 100px de alto.

En el momento que paso el mouse por encima de las opciones "LI" del "UL", la capa "sub1" se oculta.

Cómo le digo al jquery que si el mouse esta sobre la capa "Sub1" o cualquier otro elemento que "sub1" contenga, debe permanecer abierta?

Muchas Gracias
__________________
José Molina
La marginalidad no esta en la incapacidad de calmar el hambre de un estómago sino en la incapacidad de calmar el hambre de la mente.
  #2 (permalink)  
Antiguo 24/08/2011, 09:19
Avatar de José Molina  
Fecha de Ingreso: enero-2002
Ubicación: USA
Mensajes: 768
Antigüedad: 22 años, 10 meses
Puntos: 1
Respuesta: Mostrar/Ocultar Capas con slideDown

Alguna Idea??
__________________
José Molina
La marginalidad no esta en la incapacidad de calmar el hambre de un estómago sino en la incapacidad de calmar el hambre de la mente.
  #3 (permalink)  
Antiguo 24/08/2011, 10:23
Avatar de Batan  
Fecha de Ingreso: septiembre-2010
Ubicación: Madrid
Mensajes: 408
Antigüedad: 14 años, 2 meses
Puntos: 63
Respuesta: Mostrar/Ocultar Capas con slideDown

Pues creando otra funcion aparte para el sub1 no funcionaria?

Código Javascript:
Ver original
  1. $("#sub1").mouseout(function(){
  2.        $('#sub1').show({'display' : 'block',});
  3. });

Vamos digo yo, por que si el sub 1 esta oculto nadie lo invocará y cuando lo despliegues y pases el raton por encima le dirás que se muestre, gracias al display: block;
No se si me explique xD

Saludos

Etiquetas: jquery
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 14:21.