Scriptaculous - Efecto SlideUp

El efecto SlideUP de Scriptaculous es el opuesto a SlideDown. Es un efecto de cierre que nos permite ocultar elementos de nuestro DOM como si fuese una persiana que se levanta.

Para invocar el efecto desde Javascript utilizamos la siguiente sintáxis:

Effect.BlindUp('id_del_elemento');

Esta es la forma predeterminada de utilizarlo, así utilizamos las opciones por defecto. A continuación la lista de opciones configurables de SlideUp:

scaleX                       boolean, defaults to false
scaleY                       boolean, defaults to true
scaleContent            boolean, defaults to true
scaleFromCenter     boolean, defaults to false
scaleMode               string, defaults to ‘box', can also be ‘contents‘
scaleFrom                integer value, percentage (0%–100%), defaults to 100
scaleTo                    integer value, percentage (0%–100%), defaults to 0
duration                   float value, in seconds, defaults to 1.0

Se podría invocar el efecto para que cultar el elemento más despacio de la siguiente manera:

Effect.BlindUp('id_del_elemento' , {duration:3.0});

Puedes ver más detalles de este efecto aquí

Ver ejemplo