I have a AJAX/Javascript intensive webpage and is trying to create a static version of the site using <noscript> tags.
Problem: The elements within the <noscript> tags do not show up, but instead what’s on the screen is what’s left of the (non-functioning) interface for the original AJAX/JS site. It appears that the contents of <noscript> are being hidden under the original interface’s divs.
How can I hide everything outside of the <noscript> section, and only show the contents of <noscript>?
HTML Structure
<body>
<div id="user_interface"></div>
<div id="javascript_portion"></div>
<noscript>
<p>Some static content</p>
</noscript>
</body>
Can be done in two steps:
1) set css for
#user_interfaceand#javascript_portiontodisplay:none2) set
displaytoblockfor same selectors somewhere in JS