haciendo un enlace para alternar entre SlideDown y SlideUp (scriptaculous)

Question

El wiki scriptaculous tiene una demostración ( http://github.com/madrobby/ scriptaculous / wikis / effect-slidedown ) que muestra el efecto SlideDown en uso. Sin embargo, necesito tener el mismo enlace para deslizar hacia abajo si cierto DIV está oculto y SlideUp si ese DIV se muestra.

¿Cómo logro esto?

Gracias.

Answer 1

Utilice Effect.toggle .

Effect.toggle('element_id', 'slide');

Answer 2

Envuélvelo en una función, llama a la función en su lugar.

function slideMe(myDiv) {

    if(Element.visible(myDiv)) {
    //slide up

    }

    else {

    //slide down

    }
}