jQuery过渡 - 在页面加载后使元素从左到右显示

Question

我正在尝试建立投资组合网站。 按下任何按钮时，元素会有从左到右和消失后的效果。 www.octaniculescu.com/test/index.html

在下一页中，我希望元素从右到左显示（所以它看起来像是继续从前一个过渡），但我尝试过的并不是这样。工作

在index.html上，我使用它来实现效果：

＆＃13;

＆＃13;

$('a.about').on('click', function (e) {
            e.preventDefault();
            $('body').css('overflow', 'hidden');
            $('header').delay(1300).animate({
                opacity: 0.0,
                marginLeft: '+=80'
            }, 500, function () {
                $('hr').remove();
            });

＆＃13;

＆＃13;

＆＃13; 当我尝试做同样的事情而不是.remove（）到.show（）（我上面已经解释得更好）时，它不起作用。

＆＃13;

＆＃13;

$('header').delay(500).animate({
        opacity: 1.0,
    }, 500, function () {
        $('header').show();
    });
    $('#central-about').delay(500).animate({
        opacity: 1.0,
    }, 500, function () {
        $('#central-about').show();
    });

＆＃13;

＆＃13;

＆＃13; 你可以在这里查看：www.octaniculescu.com/test/about.html（是的，我在css中设置了display：none）。 我怎样才能达到我想要的效果？