改进jQuery导航链接效果

Question

我目前正在导航菜单上处理此jsFiddle，其中包含链接点击和内容淡入淡出效果。有人可以帮我改进导航点击效果的jQuery吗？它还没有正常运行。

jQuery('.main-nav ul li a').click(function () {
    var link = jQuery(this).attr('href').substr(1);

    if (!jQuery('section, section#' + link).is(':animated')) {
        jQuery('.main-nav ul li a').removeClass('active'); //remove active
        jQuery('section').addClass('show').animate({
            'opacity': 0
        }, {
            queue: false,
            duration: 1000,
            complete: function () {
                jQuery('a[href="#' + link + '"]').addClass('active'); // add active
                jQuery('section#' + link).addClass('show').animate({
                    'opacity': 1
                }, {
                    queue: false,
                    duration: 1000
                });
            }
        });
    }
});