I'm playing "Hide the <div>"

[The Criminologist]

I am inserting html text with a <div> tag defining html code that will already exist below mine.

I wish for this <div> tag to allow me to hide the excess junk below mY html and give the user an option to "turn" the <div> tag on and off. I accomplish this nicely, but when the information is turned "off", I am left with a giant space equivelant to the height of the junk I am trying to hide in place of it. Is there any option in the <div> tag that I can use to prevent this hue space from existing? It kinda makes my site look a little stupid!

Any help would be appreciated.

[cow]

i'm not sure exactly how your page works...but you can define the div height to 0 whenever someone turns off the information.

[The Criminologist]

Ok... could you please post the code for changing the div height as well as visibility? Here is the code as it exists now on the page:

<SCRIPT LANGUAGE="JavaScript">
<!--

n = (document.layers) ? 1:0
ie = (document.all) ? 1:0

function init() {
	if (n) block = document.blockDiv
	if (ie) block = blockDiv.style
}

function show(showobj) {
	if (n) showobj.visibility = "show"
	else if (ie) showobj.visibility = "visible"
}

function hide(hideobj) {
	if (n) hideobj.visibility = "hide"
	else if (ie) hideobj.visibility = "hidden"
}

//-->
</SCRIPT>

And later on I make the call using javascript to hide and show the layer:

<A HREF="javascript:show(block)">View Options</A> - <A HREF="javascript:hide(block)">Hide Options</A>
<BR>
<DIV ID="blockDiv" STYLE="visibility:hidden;">

How can I insert the height option here?

[cow]

hmm, i tried fiddling with the height property but it doesn't do anything if you have anything in between the div tags... i don't know how else to do it...anybody else know?

[GregShasta]

try using the display modifier instead of visibility. this is generally what i do however my pages are never netscape compatible.

thx,
Greg