title: Switch content of DIV with another set DIVs with a timer
body: <p>I have 3 divs in a html page, 2 divs should be hiddent always but theire content should be displayed in another div and this content should be changed every x seconds. Hows that possible using jquery/javascript?</p>
  
  <pre><code>    &lt;div id="contentA"&gt;
      &lt;!-- Some contents goes here, and it should be hidden --&gt;
      &lt;/div&gt;
  
      &lt;div id="contentB"&gt;
      &lt;!-- Some contents goes here, and it should be hidden --&gt;
      &lt;/div&gt;        
  
      &lt;div id="displayArea"&gt;
      &lt;!-- switch between contentA and contentB on a timer say every 5 seconds --&gt;
      &lt;/div&gt;
  </code></pre>