title: How do I delay a jQuery animation after a page loads?
body: <p>Here's my example:
  <a href="http://jsfiddle.net/UuD8s/5/" rel="nofollow">http://jsfiddle.net/UuD8s/5/</a></p>
  
  <pre><code>$("#transition")
      .delay(5000)
      .animate({ width: "400px" }, { duration: 1000, queue: true });
  
  $("#transition")
      .delay(2000)
      .animate({ left: "100px" }, { duration: 1000, queue: true });​
  </code></pre>
  
  <p>I want to delay my second animation start after the page launches with a 2 second delay.
  The problem is it starts after the first animation. If <code>queue</code> is set to <code>false</code> there is no delay at all.</p>
  
  <p>How would I delay the animation 2 seconds after page launch?</p>