title: When page is loading, display a image after 5 seconds swap with text
body: <p>I have a div that has content in it.</p>
  
  <pre><code>&lt;section id="latest-news"&gt;
    &lt;p&gt;Pellentesque habitant morbi
    tristique senectus et netus
    et malesuada fames ac turpis
    egestas.&lt;/p&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>But while the page is loading, I want a loading .gif to appear, wait about 5 seconds and  the the text. With a fadeIn or slide down animation too. (The text would be hidden by default)</p>
  
  <p>I tried for an hour on this but I can't get it to work :/</p>
  
  <p>What is a way to do this?</p>