differences between style hidden , block and none
<p>I am trying to find out the differences bwtween style hidden , block and none </p>

<p>I am trying with this example , but unfortunately this isn't working.
Could anybody please let me know the answer .</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
  &lt;title&gt;JavaScript Unleashed&lt;/title&gt;

&lt;script&gt;
  function callMe()
  {

  document.getElementById('layer1').style.visibility = 'block';
  }

  &lt;/script&gt;
&lt;/head&gt;
&lt;body onload="callMe()"&gt;


  &lt;div name="layer1"&gt;

  &lt;hr&gt;DIV 1&lt;hr&gt;

  &lt;/div&gt;




&lt;/body&gt;
&lt;/html&gt;
</code></pre>
