"Roll-up" or "collapse" IFrame?

I have an IFrame on my web pages that displays useful tips. I have a button
next to it that hides and shows it by triggering a Javascript call. I know
how to make the iframe invisible by changing it's "visibility" property, and
I know how to change it's size using the style "height" property.

The problem is, with both of those techniques the IFRAME still occupies the
same amount of real estate as before, even if it's now invisible / shrunken.
That is, the elements vertically below it in the containing TABLE do not
move up to fill in the unoccupied screen space. (Note: I am *not*
specifying any row or cell heights at all.)

How can I get the rest of the page to move up when I hide / shrink the
IFrame with Javascript?

Thanks.
Received on Tue Oct 18 02:59:23 2005