making a link toggle between SlideDown and 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.

score 8 · Accepted Answer · answered Oct 29 '08 at 19:03

8

Use Effect.toggle.

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

answered Oct 29 '08 at 19:03

ceejayoz

176,543
40
303
368

score 1 · Answer 2 · answered Oct 29 '08 at 18:21

1

Wrap it in a function, call the function instead.

function slideMe(myDiv) {

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

    }

    else {

    //slide down

    }
}

answered Oct 29 '08 at 18:21

Diodeus - James MacFarlane

112,730
33
157
176

This is a perfectly valid way of doing this. Why vote it down? Voting down is for WRONG answers. – Diodeus - James MacFarlane Oct 29 '08 at 19:44
Yes this is a valid answer. Thank you Diodeus i'm using your way. +1 – Josua Marcel C Jan 03 '13 at 02:13

making a link toggle between SlideDown and SlideUp (scriptaculous)

2 Answers2