title: Set DIV to draggable only after animation
body: <p>Again running into problems:</p>
  
  <p>I would like my #deck DIV to be draggable AFTER it animates, and of course not at all before. I understand now the code does not follow the instructions order as my DIV is draggable straight away even though I placed it after the whole animate function. How do I force it to be draggable only after it reaches its position?</p>
  
  <pre><code>$(function (){
    $('#deck').click(function (){
      var slotPos = $('#slot1').position();
      var hand = $("#hand").position(); 
      $(this).animate({
        left: 10+hand.left+slotPos.left,
        top:10 + hand.top}, 400);
      slot1 = true; 
    });
    $('#deck').draggable();
  });
  </code></pre>
  
  <p>Any reason why this would not work?</p>
  
  <p><a href="http://jsbin.com/ejeweb/5/" rel="nofollow">http://jsbin.com/ejeweb/5/</a></p>
  
  <p>Thanks!</p>