Horizontal SlideUp SlideDown with Scriptaculous

Question

Hello ! You may know the scriptaculous SlideUp effect. Well, It slides up a div vertically as a closing effect.

I would like to make it work horizontal. There is an option for this : scaleX:true, scaleY:false

But it doesn't work fine : the div jumps down before closing...

Does anyone know how to use the slideUp effect for horizontal sliding ?

Thanks

Answer 1

There aren't any built in scriptaculous effects which accomplish this, but is fairly easy to build a custom combination effect that does just what you ask.

Here is a gist of code I use: http://gist.github.com/374478

It is just slightly modified versions of the built in SlideDown / SlideUp so that they become SlideRight / SlideLeft.