Forums

soap

How do you allow one animation to be going at a time with jQuery? Otherwise you can just go crazy with your mouse and things will be animating forever. Here's my code.

$(document).ready(function() {
	//slides animations
	$(".slide").width(161);
	$(".s1").width(380);
	$(".slide").hover(function() {
		$(this).animate({
			width: "380px"
		}, 200);
	},
	function () {
		$(this).animate({
			width: "161px"
		}, 200);
	});
});

Robskiwarrior

what you have to do is chain the animations:

$(".slide").hover(function(){
  $(this).animate( { width:"380px"}, 200 )
     .animate( { width:"161px" }, 200 );
});

Have a look here and at the examples towards the bottom of the page :)

http://api.jquery.com/animate/

jamy_za

Check out this article.

soap

Thanks!

treehouse : what would you like to learn today?

Forums

allow one animation at a time with jQuery?