I'm hiding a div using display:none and this div only shows when we click on + icon. but if JavaScript is disabled then I want to show that div by default on. How to do this?
I can't post whole code for now.
jQuery(document).ready(function() {
jQuery('a#toggle').click(function() {
jQuery('#map').slideToggle(400);
return false;
});
CSS
#map {display:none}
While rendering on server don't set display:none to that div. During page load on client set display:none using JavaScript.
Only hide it if Javascript is enabled:
<head>
<script type="text/javascript" charset="utf-8">
document.write('<style type="text/css" media="screen">#map { display: none; }</style>');
</script>
</head>
You could use a noscript tag:
<noscript>
<style type="text/css" media="screen">#map { display: block !important; }</style>
</noscript>
I think
<noscript>Your browser does not support JavaScript!</noscript>
This would be a better idea that other
Put the division you want to show if the javascript is not enable inside <noscript> tags