jQuery iPhone效果SlideLeft和SlideRight

我想创建iPhone滑动效果，其工作方式如下：

单击按钮时，当前div#1将向左滑出并隐藏自身，而另一个div#2将从右侧滑出并移动到上一个滑出div的位置

当按钮再次触发时，div#2将向右滑出，而先前隐藏的div#1将从左滑出

我曾尝试使用stackoverflow中一位用户建议的代码，但我就是没能让它工作

谁能给我指点一下吗

谢谢 点火

使用以下方法： 具有“向左滚动”或“向右滚动”效果

CSS只是在屏幕上显示“主页”时将“会员主页”从屏幕上推出。相当基本

该按钮每次单击时都会调用toggleDivs（）。 toggleDivs（）获取两个单独的div并将它们分配给局部变量。 首先，它检查div#home是否在屏幕外（position（）。left<0）。如果是这样，它将通过设置CSS:

left:0px

将其拉回到屏幕上，并使用CSS

left:“-”+$home.width（）+“px”

将div#memberHome从屏幕上推下。 如果没有，那么它将把div#memberHome拉到屏幕

左：0px

并将div#home从屏幕

左：“-”+$home.width（）+“px”

函数toggleDivs（）{
var$home=$（“#home”）；
var$memberHome=$（“#成员主页”）；
如果（$home.position（）.left<0）{
$home.animate({
左：“0px”
});
$memberHome.animate({
左：“-1000px”
});
}
否则{
$home.animate({
左：“-”+$home.width（）+“px”
});
$memberHome.animate({
左：“0px”
});
}
}
$（“按钮”）.bind（“单击”，函数（）{
toggleDivs（）；
});

Hi Jon，基本上我希望在执行文件夹浏览时，效果类似于github中的树滑块效果。你可以在查看。嗨，乔恩，谢谢你的快速回复。基本上，我希望在执行文件夹浏览时，效果类似于github中的树滑块效果。你可以在。

function toggleDivs() {
    var $home = $("#home");
    var $memberHome = $("#member-home");
    if ($home.position().left < 0) {
        $home.animate({
            left: "0px"
        });
        $memberHome.animate({
            left: "-1000px"
        });


    }
    else {
        $home.animate({
            left: "-" + $home.width() + "px"
        });
        $memberHome.animate({
            left: "0px"
        });
    }
}

$("button").bind("click", function() {
    toggleDivs();
});