title: Jquery hide/show templates
body: <p>I have two css templates i.e wrapper1 and wrapper2 and both are 300 x 250. I want to show template 1 then hide the template 1 and show the template 2. This is my <a href="http://jsfiddle.net/bQ27x/" rel="nofollow">code</a> and i am doing using jquery.</p>
  
  <pre><code>&lt;div id="wrapper1"&gt;
      Template1
  &lt;/div&gt;
  
  &lt;div id="wrapper2"&gt;
      Template2
  &lt;/div&gt; 
  
  $( document ).ready(function() {
      $("#wrapper1").delay( 800 ).fadeOut( 400 );
      $("#wrapper2").delay( 1000 ).show();
  });
  </code></pre>
  
  <p>what i am doing wrong here??.</p>