Question

I have a div which has 2 animation one after another. But once first animation finishes it slows down and run another animation. I don’t want the div to slows down in between the animation, I want them run at same speed.

$(".div1").animate({'left':'+=200'},2000);
$(".div1").animate({'top':'+=200'},2000);

​

Here is I have set up on jsfiddle
http://jsfiddle.net/WQDm8/

Let me know if this doesn’t make sense.
thanks

Answer 1

I think the behavior you’re looking for can be accomplished by changing the easing parameter described in the documentation for .animate() to linear:

$(".div1").animate({'left':'+=200'},2000, 'linear');
$(".div1").animate({'top':'+=200'},2000, 'linear');