jquery-animate - DIV を別の DIV 位置にアニメーション化する

Question

DIV をアニメーション化して #slot1 の位置 (および後で選択した任意のスロット) に移動する方法がわかりません。

ここに私のJavaScriptコードとフィドルがあります

$(function (){
  $('#deck').click(function (){
    var slotPos = $('#slot1').position();
    $(this).animate({left: slotPos.left}, 400);
  });

});

http://jsbin.com/ejeweb/4/

前もって感謝します！

Answer 1

$(#slot1 ).position()

～に対する相対位置を与える関数

<div id='head'>

容器。したがって、以下のコードを試すことができます。それに応じて使用します：

  $(function (){
  $('#deck').click(function (){
var slotPos = $('#slot1').position(),
       hand=$("#hand").position(); 
   $("#deck").animate({
   left: 10+hand.left+slotPos.left,
   top:10 + hand.top},
   400);
})
}
);

これがうまくいくかどうか教えてください！