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
                });
            }
        });
    }
});