Ver Mensaje Individual
  #7 (permalink)  
Antiguo 01/08/2012, 14:26
nicolasroma
 
Fecha de Ingreso: julio-2011
Mensajes: 108
Antigüedad: 12 años, 9 meses
Puntos: 4
Respuesta: lograr un efecto como este

Fijate si te sirve esto, es como yo lo haría... (lo podes ver funcionar aca http://www.nicolasroma.com.ar/ayuda.php )

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.js"></script>

<style> <!-- ESTILOS -->
#footer
{
padding:10px;
background-color:grey;
overflow:hidden;
height:150px;
}

</style>

</head>

<body>


<div id="footer">
<input id="cerrar" type="button" value="cerrar"/> <input id="abrir" type="button" value="abrir"/><br/>
<a href="">LINK[1]</a><br/>
<a href="">LINK[0]</a><br/>
<a href="">LINK[2]</a><br/>
<a href="">LINK[3]</a><br/>
<a href="">LINK[4]</a><br/>
<a href="">LINK[5]</a><br/>
</div>

</body>
<script>

$("#abrir").click( function(){ $("#footer").animate({height:"150px"},500 ); });
$("#cerrar").click( function(){ $("#footer").animate({height:"20px"},500 ); });
</script>