jquery - 改进 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
                });
            }
        });
    }
});