animate() de Jquery

[hinfra]

Muchas gracias Dany_s, siempre estás por aquí para resolver mis dudas. Muchas gracias, de veras.

El ejemplo que tu me propones: http://www.hectorgarrofe.com/jquery/animate.html

La verdad es que el tuyo tiene un código muy limpio, pero mi duda creo que es todavía más sencilla de responder. Fíjate bien en mi ejemplo: http://www.hectorgarrofe.com/jquery/index.html

Yo quiero que hagan exactamente lo mismo. Pero que cuando crezca el DIV, lo haga hacia arriba, no hacia abajo como en mi ejemplo. SOLO ESO.

Adjunto el css por si la moscas...

Código CSS:

body{
text-align:center;
}
 
#contenedor{
margin: auto;
margin-top: 100px;
width: 900px;
text-align:left;
}
 
#boton1{
color:#000;
background-color:#ccc;
width: 150px;
height: 200px;
float: left;
cursor: pointer;
}
 
#boton2{
color:#000;
background-color:#ccc;
width: 150px;
height: 200px;
float:left;
cursor: pointer;
}
 
#boton3{
color:#000;
background-color:#ccc;
width: 150px;
height: 200px;
float:left;
cursor: pointer;
}
 
#boton4{
color:#000;
background-color:#ccc;
width: 150px;
height: 200px;
float:left;
cursor: pointer;
}
 
#boton5{
color:#000;
background-color:#ccc;
width: 150px;
height: 200px;
float:left;
cursor: pointer;
}
 
#boton6{
color:#000;
background-color:#ccc;
width: 150px;
height: 200px;
float:left;
cursor: pointer;
}