title: jQuery setTimeout with animation
body: <p>I have some set CSS that after 2 seconds I want to revert to their defined positions. </p>
  
  <p>I am using this: </p>
  
  <pre><code>setTimeout(function() {
          $("div").css("z-index", "");
          $("div").css("height", "");
          $("div").css("width", "");
          $("div").css("marginLeft", "");
          $("div").css("marginTop", "");
  }, 2000 );
  </code></pre>
  
  <p>So what this does is basically sends five different divs back to places all over the page after 2 seconds. On load they are doing this: </p>
  
  <pre><code>$(document).ready(function() {
          $("div").css("z-index", "");
          $("#tablet,#phone,#television,#web,#social,#fusion").css({
              width: "500px",
              height: "350px",
              marginLeft: "30%",
              marginTop: "25px",
          }, 750);
  });
  </code></pre>
  
  <p>I was wondering if you guys know how to animate the events after 2 seconds. Right now its just happening fast but I would like it to be an animation back to their initial states. </p>
  
  <p>I have been using this to animate the 5 divs all into one area onclick:</p>
  
  <pre><code>$("#tablet,#phone,#television,#web,#social,#fusion").animate({
              width: "500px",
              height: "350px",
              marginLeft: "30%",
              marginTop: "25px",
          }, 750);
  </code></pre>
  
  <p>Thanks!</p>