title: How to hide and fade div using jQuery and CSS
body: <p>I have HTML in which I want to make some divs show one above another in the Z axis, with &quot;world&quot; being hidden, and div with id &quot;hello&quot; fade out, and div with id &quot;world&quot; fade in thereafter?</p>
  <p>I am using jQuery and CSS:</p>
  <pre><code>&lt;div id=&quot;main&quot;&gt;
    &lt;div id=&quot;hello&quot;&gt;test&lt;/div&gt;
    &lt;div id=&quot;world&quot;&gt;test&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>