title: Difference betweet style.visibility and style.display
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/133051/what-is-the-difference-between-visibilityhidden-and-displaynone">What is the difference between visibility:hidden and display:none</a>  </p>
  </blockquote>
  
  
  
  <p>I am looking at examples to hide/show <code>div</code> tags using JavaScript. 
  In some examples, they use <code>visibility</code> and in some <code>display</code>.</p>
  
  <p>e.g.</p>
  
  <pre><code>document.getElementById("divhotel").style.visibility = "hidden";
  </code></pre>
  
  <p>vs</p>
  
  <pre><code>document.getElementById("divhotel").style.display = "none";
  </code></pre>
  
  <p>What is the difference between the two?</p>