title: jQuery fade out before fade in
body: <p>I am making my portfolio, totally javascript based. <a href="http://portfolio.theadamgaskins.com/Portfolio/" rel="nofollow">http://portfolio.theadamgaskins.com/Portfolio/</a></p>
  
  <p>My problem, is when you click one of the navigation buttons, the new page fades in at the same time that the other page fades out. The current page should fade out before the new page fades in. Here's the code I'm using:</p>
  
  <pre><code>    $("#homeButton").click(function()
      {
          $('.page[id!="homePage"]').fadeOut('400', function()
          {
              $("#homePage").fadeIn('400');
          });
      });
  </code></pre>
  
  <p>This is out of context; feel free to <code>View Source</code> on the site.</p>