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!!