Animate() jquery, so funciona no primeiro evento

Pessoal, me ajudem nessa bronca, estou criando uma função para ocutar o rodape de um site. ficara assim, quando clicar ele atera a classe e esconde e quando clicar de novo ele retorna para classe anterior e mostrar novamente o rodape. Quando clico pra mostrar funciona normal mais quando clico para renornar a função nao funciona mais.

segue o código

$(document).ready(function(){
	$(".setaOcultar").click(function(){
 $("#setaRecolhe").removeClass("setaOcultar");
 $(this).addClass("setaMostrar");
 $("footer").animate({
 marginBottom: "-210px"
 });

	});

	$(".setaMostrar").click(function(){
 $("#setaRecolhe").removeClass("setaMostrar");
 $(this).addClass("setaOcultar");
 $("footer").animate({
 marginBottom: "0px"
 });
	});

});

ficarei grato pela ajuda

abraço