How to make jQuery effects run in sequence, not simultaneously?
<p>How do I have two effects in jQuery run in sequence, 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 fadeOut and the fadeIn run simultaneously, how do I make them run one after the other?</p>
