I am using clippings to allow users to save posts to come back and read later. In the right column of MY SITE under the "Recent Entries", I have a "Article Clippings" button. I have it set up so that when it is clicked, a layer with the list of clippings and menu options drops down and when clicked again, pops back up. I am using the following js to perfom this:

CODE
if (document.layers) {
 visible = 'show';
 hidden = 'hide';
} else if (document.all) {
 visible = 'visible';
 hidden = 'hidden';
}

function reveal(menu, parent) {
 if (document.layers) {
   theClippings = document.layers[menu];
 } else if (document.all) {
   theClippings = document.all(menu).style;
 }
 if (theClippings.visibility == visible) {
   theClippings.visibility = hidden;
 } else {
   theClippings.visibility = visible;
 }
 lastMenu = theClippings;
}


Then, the "Article Clippings" button is linked to:

CODE
href="#" class="itemAnchor"onclick="javascript: reveal('moreClippings', 'oaClippings'); return false;"


As you can see, when the "Article Clippings" menu is contracted there is a large white space between the button and the content below, left for the layer containing the clippings and options.

My Question: Is there a way to have the contents of the right column below the "Article Clippings" move up when the menu is contracted and move down when the menu is expanded? I know I've seen it done before but can't seem to figure it out. Any help is appreciated smile.gif