I would just recommend using something that does the following:
This may be wrong to use with scriptaculous, but you will get the point.
Heh, well I just realized, that you probably want the other boxes to scroll up, so then with the following script, do something like this: Change the display none declarations, to a toggle effect on all of them, and then bring up the one you want.. again, this may be wrong.
Code:
function move(element) {
getElementById('box1').display = none;
getElementById('box2').display = none;
/* Basically just do this to all the boxes.
You can probably use an array with
all the box names, and then just use
a loop to set them all to none. */
Effect.toggle(element);
}
Again, don't trust this as is, as the toggle function might not work that way, and I'm not even sure if those declarations will work.