how-to show only contents of <noscript> and hide the rest

[krko]

Hello all,

I have a simple page with javascript. All I want to do is show the contents of <noscript> in case javascript is disabled but hide all other contents as well.

For example:
<div id="whatever">some content here</div>
<div id="whatever2">some other content requiring javascript here</div>
<div id="whatever3">some more content here</div>
<noscript>some content here</noscript>

What I want:
if no javascript hide all divs and of course display the noscript

How do I do it?

Thank you,
krko

[daveVk]

A css statement along the line of

div {display:none}

or more selective if noscript also contains div's

[XtendScott]

DaveVK is on the right path, but I would do the following:

<style>
.hide div {
display:none;
}
</style>

<script type="javascript/text">
window.onload = document.getElementById("contentHide").className = "";
</script>

<div id="contentHide" class="hide">
<div id="whatever">some content here</div>
<div id="whatever2">some other content requiring javascript here</div>
<div id="whatever3">some more content here</div>
</div>

<noscript>some content here</noscript>