Perhaps you want to use .queue() to see if there is an animation already in
progress before triggering a new one.
untested, but something like this in the hover functions might be the go:
if ($(this).queue("fx").length < 1) ...etc
http://docs.jquery.com/Effects/queue for more info
next wrote:
>
>
> how can i animate only static elements?
> My code:
>
> $(document).ready(function() {
> $("#control_panel li a").hover(
> function(){
> $(this).animate({paddingLeft: "50px"}, 200);
> },
> function(){
> $(this).animate({paddingLeft: "0px"}, 500);
> });
> });
>
> This script slides hovered links to the right in my navigation list,
> the problem is that if animation is still in progress jQuery still
> registers hovering which causes unnecessary animation. You can test
> this code with the follwing html:
>
> <ul id="control_panel">
> <li> # View Statistics </li>
> <li> # Create Counter </li>
> <li> # Embed Code </li>
> <li> # Help </li>
> <li> # About </li>
> <li> # Options </li>
> <li> # Log-Out </li>
> </ul>
>
> If you play around with hovering those elements you'll get a better
> understanding of my problem.
> Thanks.
>
>
--
View this message in context:
http://www.nabble.com/don%27t-animate-elements-which-are-in-progress-of-animation--tp17580956s27240p17581550.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
