Quitar animación jQuery

[madman_18]

Hola a todos!

Seguramente será una duda muy tonta jejeje pero ¿cómo deshago una animación jQuery de un elemento??

Sé hacerlo cuando se trata del .hover...pero cómo lo hago si el evento que estoy programando es un click (por ejemplo).

Tengo esto para el hover:

Código Javascript:

$(document).ready(function(){
           $("#s").hover( function() {
            $(this).animate({width: '200px'}, 100);
                return false;
        },function(){
                $(this).animate({width: '100px'}, 100);
            });
        });
 

pero en el caso de que fuera al obttener el foco el elemento o al hacerle click en él cómo sería?

[Dradi7]

Buenas

No entiendo en cuanto te refieres al deshacer un animación, no esta claro con lo que estas tratando de realizar, ademas el ejemplo que pones no estas deshaciendo ninguna animación mas bien estas animando a el elemento y si sencillamente no quieres que no se anime porque no quitas el código que tiene la animación y listo.

Saludos

[madman_18]

Perdón por explicarme más que regular jeje.

Lo que quiero hacer es el volver el objeto a su estado inicial una vez que se termine el evento que realiza la animación (por ejemplo: animar un input a 300px cuando coja el foco y cuando ya no tenga el foco que me vuelva a medir 100px que medía en un inicio)

[Dradi7]

Pero sencillamente no te basta con el hover para que vas a realizarlo con un click si el hover funciona perfectamente

Saludos

[madman_18]

La verdad es que estaba interesado en como hacerlo con el click, más que nada porque no me funciona lo que planteaba y como jQuery tiene 14 mil cosas a tener en cuenta por eso preguntaba por aquí jeje.

Si realizo la animación con el hover para un input para insertar texto aunque me estén escribiendo, si quitan el puntero de encima del cuaddro de texto se va a hacer más pequeño por lo que no quedaría muy allá, por eso pregunto por hacer el mismo efecto que he puesto con el hover pero con el click.