Horizontal SlideUp SlideDown with Scriptaculous

Posted by Yako on Stack Overflow See other posts from Stack Overflow or by Yako
Published on 2009-12-25T21:57:44Z Indexed on 2010/04/21 22:23 UTC
Read the original article Hit count: 487

Filed under:

scriptaculous

|

slideup

|

slidedown

|

horizontal

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

© Stack Overflow or respective owner

Related posts about scriptaculous

Queueing Effect.Parallels in Scriptaculous doesn't work

as seen on Stack Overflow - Search for 'Stack Overflow'
Each block of animations, grouped in an Effect.Parallel, runs simultaneously. That works fine. Then, I want each of the Effect.Parallels to trigger sequentially, with a delay. The second block doesn't wait its turn. It fires when the function is run. Why?! ///// FIRST BLOCK ///// new… >>> More
How can I stop the flickering in Scriptaculous?

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm running this script on a page which shows a box with more information when you roll over it. site for review The script works fine, except theres a flicker of the box before it actually scales. What is causing this? I use the same thing in the main navigation with the same flicking. Any ideas… >>> More
Prototype / Scriptaculous intellisense in Visual Studio

as seen on Stack Overflow - Search for 'Stack Overflow'
Hello, How do I get intellisense for Prototype / Scriptaculous like we get for jQuery in Visual Studio?? Thanks... >>> More
Rails, Scriptaculous, effect where one element pushes another out of the way

as seen on Stack Overflow - Search for 'Stack Overflow'
I really like the visual effect where a new element seems to push an old element out of the way. Pretty common thing recently. here is a static example. http://github.com/ However, I'm trying to do it with recently updated products. Also would like to use scriptaculous if at all possible with periodically_call_remote… >>> More
Generating scriptaculous ajax.autocompleter on the fly

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a form where the user can dynamically add a new table row with fields. I'm using a simple insertCell/InsertRow with innerHTML to generate the new row. One of those form fields is using scriptaculous' ajax.autocompleter. I have it generating new IDs for all the elements, but it is still not… >>> More

Related posts about slideup

Horizontal SlideUp SlideDown with Scriptaculous

as seen on Stack Overflow - Search for 'Stack Overflow'
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… >>> More
jQuery SlideUp...But dont disappear off screen

as seen on Stack Overflow - Search for 'Stack Overflow'
Is it possible to use .slideUp, but the object only slideUp by (For instance) by 20px instead of disappearing off screen? HTML: <div class="toolbar"> <p>Hide</p> <ul> <li>Tab 1</li> <li>Tab 2</li> </ul> </div> JQUERY: $("… >>> More
Problem with animating the deletion of table rows in jQuery

as seen on Stack Overflow - Search for 'Stack Overflow'
Hey guys, I have written some jQuery code to use the "slideUp" animation when deleting rows from a table. In order for the animation to appear smooth, I wrapped the contents of each TD in the row with DIV tags, and called the slideUp function on the DIVs, removing the actual TDs upon completion of… >>> More
Quick Jquery slideUp/Down question

as seen on Stack Overflow - Search for 'Stack Overflow'
Hey guys quick question, I have a function and it works when you click close, it slides up. However I want it to slide down by default when you first go to the page and it is just appearing right now, not sliding down. $(document).ready(function(){ $("#related2").slideDown(); $(".close2")… >>> More
jquery slideUp() and slideDown() problems

as seen on Stack Overflow - Search for 'Stack Overflow'
Hello, I am very crap at jquery, and im having some trouble with the slideUp() and slideDown() animations. I have been working on a vCard design similar to tim van damme's site. here is a the link to the design: link. When you click on the portfolio or work button, the text or image appears first… >>> More