Collapse Div?

[e39m5]

I need a code to make a div collapse and have other divs slide up rather than just disappear. My current code is:

function hideDiv(divId) {
	divId.style.visibility = 'hidden';
}

e39m5

[Kravvitz]

You want the display property. What is divId? Is it a string or is it an object?

[e39m5]

Its the ID on my div.

<div id="row_52" class="row">
<span class="update">
<img src="del.gif" onclick="hideDiv('row_52');">
<BR>
<div id="saving_52" style="display:none;">
<img src="indicator.gif" width="16" height="16" border="0" align="absmiddle" />
</div>
</span>
<span class="sideone">
<textarea>
asdfasdfasdf
</textarea>
</span><span class="sidetwo">
<textarea>
Text
</textarea>
</span>
</div>
<div class="spacer">&nbsp</div>
</div>

Hope that helps. I'm just getting started with JS and I have no idea if thats a string or an object. I'm guessing that its an object though. If theres only text would that make it a string?

Thanks,
e39m5

[Kravvitz]

It's a string. We use document.getElementById() to convert that string, that happens to be the ID of an element, into an element reference. Then we set its display property to "none" to hide it completely.

Here's the function.

function hideDiv(divId) {
  document.getElementById(divId).style.display = 'none';
}