fadeIn and fadeOut not completing fast enough
<p>I have two div's which when clicked fadeOut content and fadeIn new content. The code works fine until you repeatedly click both div's very frequently which causes both functions to fire and content to load underneath the previous content which should have faded out. </p>

<p>I was wondering if it is possible to disable the other div from being able to fire until the previous function has completed and vice versa.</p>

<pre><code>$('#div1').click(function(event){
    event.preventDefault();
    $('#lastWeek').fadeOut(function(){
        $('#thisWeek').fadeIn();
    });
});

$('#div2').click(function(event){
    event.preventDefault();
    $('#thisWeek').fadeOut(function(){
        $('#lastWeek').fadeIn();
    });
});
</code></pre>

<p>Any help on this would be much appreciated :)</p>
