title: Jquery .show() not revealing a div with visibility of hidden
body: <p>Basic jQuery question:</p>
  
  <p>I am trying to reveal a <code>div</code> that has been marked as hidden using jQuery. But am not quite getting it</p>
  
  <p>I've created a JSFiddle here: <a href="http://jsfiddle.net/VwjxJ/" rel="noreferrer">http://jsfiddle.net/VwjxJ/</a></p>
  
  <p>Basically, I want to use <code>style="visibility: hidden;"</code> rather than <code>style="display: none;"</code> as I want the space of the hidden element to be maintained</p>
  
  <p>Have tried using <a href="http://api.jquery.com/show" rel="noreferrer"><code>show()</code></a>, <a href="http://api.jquery.com/fadeIn" rel="noreferrer"><code>fadeIn()</code></a> etc but neither work (they do for <code>style="display: none;"</code>)</p>
  
  <p>what am I doing wrong?</p>