slideDown y slideUp (problema)
Tengo un problema al aplicar esos dos efectos en una función, el problema que tengo es el siguiente:
http://www.youtube.com/watch?v=oQumfRK3iNM
Aunque no se vea en la grabación, estoy pasando con el ratón sobre "Proyectos" y luego sobre el submenú ("subproyectos").
El resultado que tendría que tener, sería el siguiente:
El slideDown de "Proyectos" ha de pararse mientras el ratón este sobre la capa del submenú y una vez que salga el ratón del submenú, tanto la capa de "Proyectos" (class = .fondo") y el submenú se ocultarían con un slideUp.
He probado con .hover(), stop(), mouseenter(), mouseout() y mouseout(). Igual no estoy usando el adecuado o no le estoy dando el uso correcto.
Si necesitáis alguna aclaración más, decídmelo. El archivo está subido a mi host:
PD: El archivo no está en el mismo estado que se muestra en el vídeo, ahora está con el último cambio que le hice, pero sin conseguir lo que quiero...
Caimanidor
Prueba usando stop, animate, y haciendo un callback a la vuelta
algo así
$(document).ready(function() {
$('#menu a').hover(function() { //apunta a los enlaces que estan en menu #
$("span",this).stop().animate({ height: 150 }, 250); // Animate o slideDown como mas te guste
}, function() {
$("span",this).stop().animate({ height: 0}, 250);
});
});
un display none que pase a block con un hover css tambien vendra bien, los .stop son los que evitan la repeticion
Un saludo!
Kostane
Caimanidor
No me funciona, sigo obteniendo el mismo resultado que obtenía antes cuando aplicaba stop(), que la función slideDown y slideUp no se ejecutan, se paran al principio y no al final.
Caimanidor
Hace unos dias tuve el mismo problema y lo arregle así...
Sigue probando ;)