title: Differences between style hidden, block and none
body: <p>I am trying to find out the differences between style </p>
  
  <ul>
  <li>hidden</li>
  <li>block </li>
  <li>none </li>
  </ul>
  
  <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>