hola aqui ter dejo un codigo html , copiar pegar, el jquery ponlo en el mismo nivel o si esta en otro nivel, cambia el src del script en el html
 fijate como llamo a los elementos en la funcion de jquery, primero el elemento  html y luego su id, en el caso de ser una class lo llamaria asi 
("p .mi_clase").elcodigoquesigue 
bueno espero que te sirva, yo lo probé y funciona.
Saludos  
Código:
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Untitled Document</title>
<meta name="generator" content="HAPedit 3.1">
<script src="jquery.js" type="text/javascript"></script>
 <script type="text/javascript">
                
            $(document).ready(function (){
			
				$("li#acerca-de").click(function (){
				   $("div#menu_principal").animate({height:200}, "slow");
				   $("div#acerca-de-elcatalodo").show("slow")
				    // alert(numero);
                });
				 
				
				$("a#cerrar_acerca").click(function (){
				   $("div#menu_principal").animate({height:60}, "slow");
				    $("div#acerca-de-elcatalodo").hide("slow")
				  
                });		
		//
            });
        </script>
</head>
<body>
<div id="menu_principal">
<div id="acerca-de-elcatalodo"><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting  industry. Lorem Ipsum has been the industry's standard dummy text ever  since the 1500s, when an unknown printer took a galley of type and  scrambled it to make a type specimen book. It has survived not only  five centuries, but also the leap into electronic typesetting,  remaining essentially unchanged. It was popularised in the 1960s with  the release of Letraset sheets containing Lorem Ipsum passages, and  more recently with desktop publishing software like Aldus PageMaker  including versions of Lorem Ipsum.<a id="cerrar_acerca">CERRAR AQUI CLICK AQUI!!!</a></div>
  <div id="login_form"></div>
</div>
<div id="todo_blanco">
  <div id="contenedor_catalogo">
  <div id="menu">
    <ul id="nav">
        
        <li id="acerca-de"><a href="#">?</a></li>
    </ul>
</div>
  </div>
</div>
<div id="pie">Copyright ©2007 Nombre usuario ejemplo    XHTML  |  CSS  |  Get Firefox</div>
</body>
</html>
  
espero te funcione