Search code examples
scriptaculousslideupslidedown

Horizontal SlideUp SlideDown with Scriptaculous

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

Solution

  • 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.