slideUp / slideDown在每次迭代后增加延迟

Question

首先，这是我的代码：

$(document).ready(function(){
    $('#navLeft a').click(function(e){
        e.preventDefault();
        var toLoad = $(this).attr('href');
        $('#content').slideUp(200, function(){
            $('#galleryCtrlWrap').slideUp(200);
            $('#content').load(toLoad, function(){
                $('#content').slideDown(200);
            });  
        });
    });
});

这在第一次点击时效果很好。但是，每次连续点击链接的幻灯片效果和slideDown之间的延迟都会增加。例如，第一次点击是完美的，第二次点击在Up和Down之间犹豫了一两秒，然后第三次点击犹豫了5或6秒，依此类推。

我对JS有点新鲜，所以我确信有一些明显我不知道的东西。谢谢你的帮助！

编辑：锚点的HTML代码

<div id="navLeft">
    <a href="beliefs.html">Beliefs</a>
    <a href="lifestyle.html">Lifestyle</a>
    <a href="missions.html">Missions</a>
    <a href="giving.html">Giving</a>
    <a href="calendar.html">Calendar</a>
    <a href="newsletter.html">Newsletter</a>
</div>