title: Jquery: function running before fadeOut Complete
body: <p>I'm having an issue with my jquery script... should an easy task, but having some strange behaviours that I can't figure out.</p>
  
  <p>When I click on a link, I want my content to disappear, then the new content to reappear. All content is stored in  tags.</p>
  
  <p>Here's what I'm using:</p>
  
  <pre><code>$("#events_link").click(function() {
     $("#content").children(".content").fadeOut(fadetime, function() {
        $("#events").fadeIn(fadetime);
     });
     return false
  });
  </code></pre>
  
  <p>However, the fadeIn is not waiting until the content has faded out.</p>
  
  <p>My full page is here (all code/script on one page):</p>
  
  <p><a href="http://dl.dropbox.com/u/4217965/HorrorInTheHammer/index.html" rel="nofollow noreferrer">http://dl.dropbox.com/u/4217965/HorrorInTheHammer/index.html</a></p>
  
  <p>Any thoughts?</p>