fire jquery .animate oninput only once

Posted by luke on Stack Overflow See other posts from Stack Overflow or by luke
Published on 2012-04-12T17:25:31Z Indexed on 2012/04/12 17:29 UTC
Read the original article Hit count: 138

Filed under:

http://jsfiddle.net/nFFuD/

I'm trying to animate the search field in this example using jquery, making it move to the top of it's containing div oninput. I was originally using scriptaculous effect.move to do this, but I couldn't make the event only fire once, so if someone kept typing after the first keystroke, the effect would stop and start again from it's current position in the animation for each additional keystroke, which is stupid. I'm new to new to using jquery so please, take it easy if I'm not making very much sense.

© Stack Overflow or respective owner

Related posts about jQuery