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 #close，让#featured动画回到原来的右边：-400px;位置。

我发现其他帖子带有动画功能，但没有一个带有“关闭”“打开”功能。因为在谈到Jquery时我仍然是一个菜鸟我以为我问她。任何帮助都会非常感激。

Answer 1

尝试一次：

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

Demo Here

单击并关闭时从右到左动画div位置

1 个答案: