Moving an element back to its original position after animation, jQuery
<p>I'm struggling with trying to get this piece of code working properly. I'm moving an element with </p>

<pre><code>$("#element").hide("slide", { direction: "right" }, 200);
</code></pre>

<p>Which works just great, but I need to reset it back to the original position before the animation, once the animation is complete so that it will animate again next time.</p>

<p>Any help on this would be greatly appreciated.</p>

<pre><code>        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();    
        });     
</code></pre>

<p>JS Fiddle - <a href="http://jsfiddle.net/zalun/E4mz9/" rel="nofollow">http://jsfiddle.net/zalun/E4mz9/</a></p>
