javascript - Jquery アニメーション ナビゲーション

Question

別のページをナビゲートするときに、この Web サイトhttp://fivetailors.com/#!homeのアニメーション/非表示属性を複製しようとしています。各「ページ」は独​​自の div として表されるため、この Web サイトは 1 ページのみです。現在の「ページ」とユーザーがアクセスしている「ページ」は、表示される必要がある 2 つの div のみです。ユーザーが新しい「ページ」をクリックすると、スクロールとアニメーションを使用してそのコンテンツが表示されます。

現在の状態では、現在の div とアクセスしている div の間にあるすべての div が表示されますが、非表示にする必要があります。助言がありますか？

$(document).ready(function(){
    $(".page").hide();
    $("#page0").show();

    var lastPage = "#page0";

    $('#nav ul li a').click(function(){

        var el = $(this).attr('href');
        var elWrapped = $(el);

        $(el).show();


        scrollToDiv(elWrapped,40);
        sleep(500);


        $(lastPage).hide();
        lastPage=el;
        return false;

    });

    function scrollToDiv(element,navheight){



        var offset = element.offset();
        var offsetTop = offset.top;
        var totalScroll = offsetTop-navheight;

        $('body,html').animate({
                scrollTop: totalScroll
        }, 500);

    }   
});

$(window).bind('scroll',function(e){
    parallaxScroll();
});