Vorrei creare un effetto a scorrimento verticale, in cui cliccando su un'immagine si apra un div, e cliccandoci di nuova si chiuda.

ho scritto queste poche linee di codice:
codice:
$(document).ready(function(){
  $("#leave_comment").click(function(){
	var a;
	if ( a == null){
		a=0;
	}
	
    if ( a == 0) {
	$("#commenti_facebook").css("display","inline");
	$("#commenti_facebook").animate({width:400},"slow");
    $("#commenti_facebook").animate({height:400},"slow");
	a=1;
	return;
	}
	if ( a == 1 ){
	//chiudi
	$("#commenti_facebook").animate({height:10},"slow");
	$("#commenti_facebook").animate({width:0},"slow");
	$("#commenti_facebook").css("display","none");
	a=0;
	return;
	}
  });
});
l'unico problema è che il div si apre ma non si chiude... secondo me perchè quando richiamo la funzione la seconda volta per chiudere il div la funzione non si ricorda che a = 1... possibile??