[Javascript] dynamically hide an element
Mark Kelly
javascript at wastedtimes.net
Tue Nov 28 18:55:33 CST 2006
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
More information about the Javascript
mailing list