jquery - 单击并关闭时从右到左动画 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，但是当我再次关闭它时我被卡住了。

我基本上有一个名为“信息”的 div。单击时，#featured 正在被动画化，并在其中包含 div #close 以让#featured 动画回到原来的右侧：-400px; 位置。

我发现其他带有动画功能的帖子，但没有一个带有“关闭”“打开”功能的帖子。因为当谈到 Jquery 时我仍然是一个菜鸟，所以我想我问她。任何帮助将不胜感激。

Answer 1

试试这个：

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

在这里演示