html - 无论当前位置如何，如何将 div 移动到特定坐标？

Question

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

我正在处理一个 HTML 页面，该页面恰好有五个固定 div 和一个移动 div。我打算做的是，每次单击一个固定的 div 时，一个移动的 div 就会滑向它并直接位于它的上方。当单击另一个固定 div 时，移动 div 从其当前位置滑动到固定 div 的位置。我如何告诉 div 移动到屏幕上的特定坐标，而不管它在屏幕上的当前位置如何？

请在下面查看我只是用于简单切换的代码：

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

任何帮助将不胜感激。

ps 我试图创建的效果可以在这里看到：

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});
}