Jquery Animate导航

Question

当我浏览不同的网页时，我正在尝试复制此网站的动画/隐藏属性http://fivetailors.com/#!home。每个“页面”都表示为自己的div，因此该网站只有一页。用户正在访问的当前“页面”和“页面”是应该可见的仅两个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();
});