jQuery click() not firing on second click

On this website: http://174.121.35.252/~californ/projects/

Under the phone number in the header there is a little blue arrow that slides down the slider, which works perfectly. However, clicking the arrow again should slide the slider backup but nothing is happening.

Here is the jQuery handling this:


$('#open-slider').click(function() {		
		
	if($("#slider").is(":hidden")) {
		$(this).animate({"background-position": "17px 0"});
		$("#slider").animate({"margin-top": "-490px"});
		$('header').animate({"margin-bottom": "45px"});	
		$("#slider").hide();
	} else {
		$(this).animate({"background-position": "0 0"});
		$("#slider").animate({"margin-top": "0"});
		$('header').animate({"margin-bottom": "490px"});
		$("#slider").show();
	}

});

Any help would be greatly appreciated.

If the slider is hidden you hide it, and if it’s not hidden you show it.

Something seems not right there.

Hahaha wow. You can tell I was looking at for toooo long.

Thanks