单击并关闭时，从右到左为div位置制作动画

Question

我在这里有一个关于从右到左为单击事件上的div位置设置动画的快速问题。我设置了像这样的css

#featured {
position:fixed;
top:0px;
right:-400px;
border-left:1px solid #000;
background:#fff;
padding:20px;
width:350px;
height:100%;
opacity:0.9;

}

现在，我可能会让这件事发挥作用，将正确的位置设置为0px，但当它再次关闭时，我会陷入困境。

我基本上有一个名为"info"的div。当点击时，#featured正在被动画化，并在其中关闭div#，让#featureed动画化回其原始右侧：-400px；位置

我发现了其他带有动画功能的帖子，但没有一个带有"关闭"打开"功能的帖子。既然说到Jquery，我还是个傻瓜，我想我应该问问她。任何帮助都将不胜感激。

Answer 1

试试这个：

$("#target").click(function () {
    var left = $('#coolDiv').offset().left;
    $("#coolDiv").css({
        left: left
    }).animate({
        "left": "0px"
    }, "slow");
});

此处演示