Capa (div) que se desplega lentamente

[donpincho]

Hola!
Estoy haciendo una web y necesito poner unos divs que se desplieguen lentamente al hacer click en un enlace, y se vuelvan a plegar lentamente cuando vuelvas a hacer click.

Hasta ahora estoy usando las propiedades CSS del div (position y visibility), pero con esto sólo consigo que el div desaparezca y aparezca al instante.

Necesito hacer algo como en los menús laterales de http://www.last.fm/user/zelkova/ al pulsar el botón de "_" (minimizar).

¿Alguien puede orientarme para hacer una función para javascript comprensible?

Gracias :)

[derkenuke]

Tienes que hacerlo aparecer (con visibility, o con display) pero que en el momento inicial tenga una altura (height) de 0px.

Después con una función javascript que se repita con un retardo de 100ms por ejemplo, ir aumentando pixel a pixel su altura. Primero la hayas, le sumas 1 a ese valor, y repites la función al de 100ms con la función setTimeout(). Ojo que cuando la altura del div sea la final, tienes que salir de dicha función de crecimiento con un return por ejemplo.


Si necesitas más ayuda, te guío más.
Saludos.