Problemas animación Jquery
2 seguidores
Hola estoy haciendo una especie de acordeón con una lista que al pasar el cursor despliega la linea seleccionada y muestra todo su contenido.
Estoy haciendo una simple animación con padding y funciona corectamente pero si no lo haces con cuidado se vuelve loco y parece un muelle.
A ver si alguien pudiese darme alguna idea para que no haga eso tan feo.
Este es mi Jquery.
$(document).ready (function(){
var line = $('#conocimientos li').not($(".title"));
line.mouseenter(function () {
$(this).animate({ 'padding-bottom' : "70px" }, "slow");
}).mouseleave(function () {
$(this).animate({ 'padding-bottom' : "3px" }, "slow");
});
return false;
});
Un Saludo
phpninja
mmmm,
prueba a poner un stop antes de que empieze la animación no sea que aun no haya terminado.
line.mouseenter(function () {
$(this).stop().animate({ 'padding-bottom' : "70px" }, "slow");
}).mouseleave(function () {
$(this).stop().animate({ 'padding-bottom' : "3px" }, "slow");
});
JCMartinez
Solucionado. Es justamente lo que le faltaba. Muchas Gracias.
phpninja
Genial!