[Javascript] dynamically hide an element

[javascript at wastedtimes.net (Mark Kelly)]

On Wednesday 29 November 2006 00:10, Dong, Roland wrote:
> Hello,
>
> I need to dynamically hide and unhide a selection box based on the value
> selected in the first selection box.

I did something almost identical recently with help from this list. In the 
end the best solution (for me at least) was to use CSS classes:

.hidden {display: none;}
.shown {display: block;}

In the HTML:
<div id="selectbox" class="hidden">concealed selectbox here</div>

And in the Javascript for a simple toggle of the visibility I did:

if( myReference.className != 'hidden' ) {
    myReference.className = 'hidden';
    } else {
    myReference.className = 'shown';
    }

This way the space collapses back when the div is hidden.

Hope this helps.

Mark