ejecutar animación solo una vez

[oms02]

Hola a todos.

Tengo el siguiente codigo:

http://jsfiddle.net/oms02/udSj2/

Como veis, si pulsais la primera vez todo funciona bien. En cambio, desde la 2ª vez en adelante, parece haber un paron desde que se hace click hasta que se "ven los cambios". Se que me estoy explicando mal pq no hay parón alguno, sino que le está llevando 1 segundo cambiar la altura a la que ya tiene actualmente.

Pero precisamente ahí tengo mi problema, en que no se como evitar que se peque 1 segundo realizando esa animación si ésta ya se ha realizado. Es decir, quiero que la animación se realice sólo la primera vez y que a partir de ahí, no emplee tiempo en "animar nada".

Nota: la opción de utilizar metodos como .on y .off de momento no es viable. Ando con una versión vieja (1.6.4) y al actualizar me he encontrado problemas en otros codigos.

Un saludo y muchas gracias por vuestro tiempo.

[Alexis88]

Puedes utilizar el método one.

Saludos

[DRANIX]

Puede hacer un unbind(); para eliminar el click del boton. al finalizar la animacion

Código Javascript:

$(':input').click(function(){             
    $('#cuadro').animate({'height':'100px'},1000,'linear',function(){
        $('#texto').fadeOut(500,function(){
        $(this).text('hola.').fadeIn(500);
           $( ":input").unbind( "click" );
        });
    });
});
 

Saludos!!!