I am using the scriptaculous library to create some effects for a project I am working on and am having some difficulty in getting a particular look right.
I have a filter type interface at the top of the page and as the user selects items from it a report is generated at the bottom of the page.
I am using the Appear and Fade effects to fade the report out and then back in again.
The problem i am having is that the ajax query updates the div too fast and so the new report is displayed as it is fading out and then it fades back in.
My ideal flow for the effect would be:
Old Report fades out -> Report is generated and fed in to the hidden div -> The div fades in.
Anyone have any idea on how to accomplish this with javascript and the scriptaculous library?