Question

Why does jQuery animate bring a box to the right, and then to the bottom, and stop at that point?
I’m trying to get a box through a complete circle(or square to be exact) so that the box will return to its original position.

Here’s the jsfiddle: http://jsfiddle.net/QZWDs/

Answer 1

An element can have either a top or a bottom position and either a left or a right. It doesn’t make sense to have all four. Use this to do the animation you want:

$(".block").animate({left:"150px"}, "slow")
           .animate({top:"150px"}, "slow")
           .animate({left:0},"slow")
           .animate({top:0}, "slow");

This uses only the top and left positions to animate it. Also it takes advantage of chaining, rather than calling $(".block") each time which creates a new jQuery object.