boton abre cierra div con Jquery

[michelson]

Hola estoy implementando la libreria Ajax Jquery

quiero hacer un boton que habra y cierre un div pero no lo logro

Código PHP:

  var numero = 1;
    if (numero == 1){
                $("li#acerca-de").click(function (){
                   $("div#menu_principal").animate({height:200}, "slow");
                  var numero = 2;
                    // alert(numero);
                return numero;
                });
                
                }
                
                //
                
                if ( numero == 2){
                $("li#acerca-de").click(function (){
                
                 
                  var numero = 1;
                    alert(numero);
                  return numero;
                });
                
                } 
   

pero no funciona
en el caso de poner el var numero asi :

Código PHP:

  if ( numero == 2){
                $("li#acerca-de").click(function (){
                
                 
                 
                    alert(numero);
                  return numero;
                });
                 var numero = 1;
                } 
   

se ejecutan las dos instruciones una despues de la otra

si alguien ha hecho esto alguna vez que heche un cable

Saludos!!