Javascript 如何隐藏菜单？（不切换）

我有一个页面，由两层组成：“layer1”是一个菜单，它有z-index:1；'layer2'充满了内容，它的z索引为：2

我试着这样做：当你点击箭头图片时，“layer2”移到屏幕后面的右边（比如200px）。我不知道我的代码在这种情况下是否正确，但我使用的是：

    $('#arrow').click(function() {
        $(this).animate({
            marginRight: '+=200'
            }, 500);
        $('#layer2').animate({
            marginLeft: '+=200'
        }, 500)});

---

当您第二次按箭头时，如何使“layer2”向后移动？

跟踪状态，这可以更好地编码，但这是基本思想

$('#arrow').click(function() {
    var elem = $(this);
   var state = elem.data("state") || "closed";
   var dir = (state === "open") ? "-" : "+";
   elem.data("state", state === "open" ? "closed" : "open");
   elem.animate({
        marginRight: dir + '=200'
        }, 500);
   $('#layer2').animate({
        marginLeft: dir + '=200'
    }, 500);
});