在SlideDown和SlideUp之间进行链接切换（scriptaculous）

Question

The scriptaculous wiki has a demo ( http://github.com/madrobby/scriptaculous/wikis/effect-slidedown ) that shows the SlideDown effect in use. However I need to have the same link to slide down if a certain DIV is hidden and SlideUp if that DIV is showing.

How do I achieve this?

Thanks.

Answer 1

使用Effect.toggle 。

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

Answer 2

Wrap it in a function, call the function instead.

function slideMe(myDiv) {

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

    }

    else {

    //slide down

    }
}