title: Moving an element back to its original position after animation, jQuery
body: <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>