javascript - Jquery 动画导航

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