如何将div移动到特定坐标，而不管其当前位置如何？

Question

请原谅我，如果我太模糊或者我的材料有问题，我现在只玩了3天的JQUERY并且是编码的新手。

我正在开发一个HTML页面，它有五个固定的div和一个移动div。我打算做的是，每次点击其中一个固定的div时，一个移动div会向它滑动并直接位于它上方。当单击另一个固定div时，移动div从其当前位置滑动到不可移动div的位置。如何判断div移动到屏幕上的特定坐标，而不管屏幕上的当前位置如何？

下面请看一下我刚刚进行简单切换的代码：

$(document).ready(function(){
    $("#div2").click(function(){
        $("#div1").animate({left:'250px'});
    });
});

非常感谢任何帮助。

P.S。我想要创建的效果可以在这里看到：

http://www.charitywater.org/

Answer 1

您可以使用下面提到的具有三个参数的功能。

divElement: div that you want to move
direction : left or top 
position:  position where you want div to get moved

function MoveDiv(divElement,direction,position){
    $(divElement).css("psoition", "absolute");
    $(divElement).animate({direction:position});
}