When page is loading, display a image after 5 seconds swap with text
<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>
