title: Hide one div and show another?
body: <p>I have two <code>divs</code> on called <code>#loading</code> and one called <code>#main</code>;</p>
  
  <pre><code>&lt;div id="loading"&gt;&lt;/div&gt;
  &lt;div id="main"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>What I'm trying to achieve is with using javascript, show <code>#loading</code> for five seconds then after the five seconds hide the <code>#loading</code> div and show the <code>#main</code> div. The <code>#main</code> div is default hidden and once the <code>#loading</code> div is hidden the <code>#main</code> div shows.</p>
  
  <p>I'm assuming that to achieve this would be a mixture of css and javascript; hopefully you understand what I'm trying to achieve and can help me accomplish what I'm trying to achieve.</p>
  
  <p>Thankyou.</p>