jquery - 如何使用 jQuery 切换这两个 div？

Question

我有两个 div，我想在单击每个按钮时“切换”它们。

最好的展示方式是this example here .

我有我想要的布局和几乎所有的功能，但不是将一个 div 放在另一个之上(我使用 position: absolute; 将它们放在同一个 "空格”)我希望它们在我按下按钮时“关闭”。

这可能吗？

谢谢。

Answer 1

您可以使用一个简洁的函数将它们全部绑定(bind)，利用 .index():

$('.menu_ind').click(function() {
    var n = $(".menu_ind").index(this);
    $(".about_me").not(":eq(" + n + ")").animate({
        left: '100%'
    }, 800).end().eq(n).animate({
        left: '0'
    }, 800);
});

http://jsfiddle.net/gilly3/dyXY4/12/