title: Div move using jquery animation
body: <p>I just want to move a <code>div</code> when the user chooses to. When the user clicks on a link, the <code>div</code> appears, moving from right to left. Then there is another link inside the <code>div</code>, when the user clicks on it, the <code>div</code> should move to left to right and disappear.</p>
  
  <p>Following is the jQuery code I've tried:</p>
  
  <pre><code>$('#show').click(function(e){
      e.preventDefault();
      $('div').show().animate({ 'left': 0 }, 300;
  });   
  
  $('#hide').click(function(e){
      e.preventDefault();
      $('div').animate({'left': 2050}, 300,function() {$('div').hide()});
  });  
  </code></pre>
  
  <p>Fiddle also attached, <a href="http://jsfiddle.net/sameerast/JNBAn/" rel="nofollow">http://jsfiddle.net/sameerast/JNBAn/</a></p>