Como se hace esto???? CSS y JS????

me gustaria si es que tiene idea , de que me comenten como esta realizado en este sitio la parte de HELP(?) de este sitio

Código :

http://www.beautiful-lifestyle.co.uk/

Desde ya muchisismas Gracias!!!!!!

checa el código fuente, si está utilizando una libreria te darás cuenta
si es código propio, guárdalo en tu computadora, hazlo funcionar en un html tuyo y compréndelo, no lo copies. así aprenderás mucho mejor

Si no me equivoco, están usando las librerías de moo.fx

A mi me parece que es un simple DHTML, en los estilos embebidos usa un display:none para que no se muestre y por doom crea la funcion para que onmouseover haga el efecto de movimiento regulando el height del div#help utilizando la propiedad overflow en hidden...

Completamente deacuerdo con Fael, ya lo hice y funciona perfectamente. Necesitas los 3 javascripts que llaman al principio.

http*://www.beautiful-lifestyle.co.uk/pre.js
http*://www.beautiful-lifestyle.co.uk/library.js
http*://www.beautiful-lifestyle.co.uk/code.js

Necesitas llamar los 3 archivos osino no te funcionará. El enlace que despliegue la div escondida tendra el vínculo e id siguientes, de lo contrario tampoco funcionará.

Código :

 href="#help" id="helplink" 

Y creo que eso es todo, ya con el archivo funcionando puedes empezar a estudiarlo, para realizar lo que necesitas.