Question

I have a link, when the user clicks on a link, I want jquery to animate a box that slides out from the link.

I got it to do that using the code below:

box.animate({width: 500px, height:500px}, "fast"); 

but this slides out to the bottom. However I make it slide out towards the top? Also, how can I “reverse” the side (currently, it slides to the right. How can I make it slide left)?

Answer 1

Change its position as well,

$('#box').animate({width: '500px', 
                   height:'500px', 
                   'left': '-=500px', 
                   'top':'-=500px'}, "fast");