title: How to make jQuery effects run in sequence, not simultaneously?
body: <p>How do I have two effects in jQuery run in <code>sequence</code>, not simultaneously? Take this piece of code for example:</p>
  
  <pre><code>$("#show-projects").click(function() {
      $(".page:visible").fadeOut("normal");
      $("#projects").fadeIn("normal");
  });
  </code></pre>
  
  <p>The <code>fadeOut</code> and the <code>fadeIn</code> run simultaneously, how do I make them run one after the other?</p>