javascript - メニューを非表示にするには？(「トグル」ではありません)

Question

2 つのレイヤーで構成されるページがあります。「layer1」はメニューで、z-index: 1; があります。「layer2」はコンテンツで満たされ、z-index: 2 を持っています。

私はこのようにしようとしています: 矢印の写真を押すと、「layer2」は画面の後ろの右 (200px など) に移動します。この状況で私のコードが正しいかどうかはわかりませんが、これは私が使用するものです:

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

もう一度矢印を押したときに、「layer2」を元に戻すにはどうすればよいですか?