animate help

[CyberShot]

I am trying to animate a door going down. Which I can do just fine. But I can not get it to go back up. I got it placed, got it moving down to just the right spot. But when it hits the bottom, I want it to go right back to the top.

 

Here is what I tried but it only works for down

 

$(document).ready(function(){
$("#click").click(function(){
	$("#door").stop().animate({top : "0px"}, 1000);
						  
		if($("#door").style.top=="0px"){
		$("#door").stop().animate({top : "450px"}, 1000);
		}
	 });
});

 

here is the test site

http://www.iwdstudios.com/doortest

 

click the home button on the left side of the screen

[rajivgonsalves]

you should check the jQuery function slideDown() and slideUp

[optikalefx]

if($("#door").style.top=="0px"){

 

does not evaluate.  .style.top is a property of a DOM object.  But $("#door") returns a jQuery object, not a DOM object.

Either use jquery $("#door").css("top")  or use $("#door").get().style.top to evaluate.