Scriptaculous - Efecto Grow

Grow es un efecto de apertura de Scriptaculous. Este efecto nos permite mostrar un contenido oculto. Para invocarlo desde javascript:

Effect.Grow('id_del_elemento');

De esta forma utilizamos el efecto con sus valores por defecto. Pero Grow nos ofrece 3 atributos:

• Duration - nos permite controlar el tiempo que dura el efecto. Por defecto 1.0
• Direction - Nos permite controlar desde que dirección comienza el efecto, 'top-left', 'top-right', 'bottom-left', 'bottom-right'. Por defecto "center".

Entonces podríamos hacer esta llamada:

Effect.Grow('id_del_elemento',{duration:3.0 , direction:'top-left'});

Si quieres ver más detalles sobre este efecto pulsa aquí

Ver ejemplo