Having established the connection between SlideDown and SlideUp (scriptaculous)

Question

The scriptaculous quiz has a demo version ( http://github.com/madrobby/scriptaculous/wikis/effect-slidedown ) that shows the effect of SlideDown. However, I need the same link to slide down if some DIV is hidden and SlideUp if this DIV is shown.

How do I achieve this?

Thank.

Answer 1

Use Effect.toggle .

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

Answer 2

Wrap it in a function, call the function.

function slideMe(myDiv) {

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

    }

    else {

    //slide down

    }
}