title: Fading elements in and out without changing the layout of the page
body: <p>The normal behavior when using <a href="http://api.jquery.com/fadeIn" rel="noreferrer"><code>fadeIn</code></a> and <a href="http://api.jquery.com/fadeOut" rel="noreferrer"><code>fadeOut</code></a> is to use <a href="https://developer.mozilla.org/en/CSS/display" rel="noreferrer">the <code>display</code> property</a>. However, this changes the layout of the page.</p>
  
  <p>How can I make <code>fadeIn</code> and <code>fadeOut</code> not modify the layout of the page?</p>