Javascript 在动画之后将元素移回其原始位置，jQuery

我正在努力让这段代码正常工作。我正在移动一个元素

$("#element").hide("slide", { direction: "right" }, 200);

这非常好，但我需要在动画完成后将其重置回动画之前的原始位置，以便下次再次动画

在此方面的任何帮助都将不胜感激

        var position = jQuery("#"+that.currentIconSlide).find('.slideInner').position();

        jQuery("#"+that.currentIconSlide).find(".slideInner").hide("slide", { direction: "right" }, 200, function(){
            jQuery(this).css({"left":position.left,"top":position.top}).parent().hide();    
        });     

---

JS Fiddle-

我不会使用jQuery-我会使用纯JavaScript，如下所示：

elem.style.position = "relative";
// animate by adjusting `left` and `top` relative to the start position
elem.style.position = "static"; // jump back to start position.

---

在普通JS中，事情要容易得多；）

我只是在脑子里写代码，可能不会执行，但你明白了

var position = jQuery("#"+that.currentIconSlide).find('.slideInner').position();

function slide(){
    var original_position = 0;
        jQuery("#"+that.currentIconSlide).find(".slideInner").hide("slide", { direction: "right" }, 200, function(){
            jQuery(this).css({"left":position.left,"top":position.top}).parent().hide(); //? what is this for?
            jQuery(this).css("left":original_position); //set back to original left
            slide(); //run again
        });
}

---

在添加animationExample之前保存它的位置我正在做的事情，但现在不起作用。你能在jsfiddle.net上发布一个示例代码吗？jsfiddle的只读，此时欢迎帮助，jQuery（#“+that.currentIconSlide）。animate（{'right'：'300'，'opacity'：'0'}，2000，function（）{$（this）.css（{'left'：'0'，'opacity'：'1'}）；似乎一直在对我大发雷霆-未捕获引用错误：动画没有定义如果您使用的是

jQuery（）

而不是

$（）

请不要忘记将内部

$（this）.css…

更改为

jQuery（this）.css…

$("#element").animate({'left':'300','opacity':'0'}, 2000, function(){

    $(this).css({'left':'0','opacity':'1'});

});