childNodes display none

[happyeddie]

How can I get all the children of a div to be display none?

<div id='parent'>
<div id='child'></div>
<div id='child'></div>
<div id='child'></div>
<div id='child'></div>
</div>

I've tried: document.getElementById('textbox').childNodes.display='none';
but that doesn't work.

[mrhoo]

you could use javascript to apply (and remove, probably) a class to the container that is defined to have hidden children

.hidechildren *{display:none}