jQuery动画回到原来的位置

我有一个我正在研究的网站，它有一些绝对定位的div，我需要在点击时resize，然后这些将填充div所在的容器。问题是我如何让他们切换到去回到原来的位置（顶部，左侧），每个位置都不同。

$(".work-item .toggle").toggle(function() { $(this).parent().animate({ height: '430', width: '930', top: '0', left: '0' }, 750); }, function() { var pos = $(this).parent(); var position = pos.position(); $(this).parent().animate({ height: '150', width: '200', top: position.top, left: position.left }, 750); }); 

试过上面但是它的新位置不是原来的。

提前致谢。

PVS

Answer 1

您可以使用$.data()在页面首次加载时存储位置，并在以后使用它，如下所示：

 $(".work-item .toggle").each(function() { $.data(this, 'position', $(this).parent().position()); }).toggle(function() { $(this).parent().animate({ height: '430', width: '930', top: '0', left: '0' }, 750); }, function() { var position = $.data(this, 'position'); $(this).parent().animate({ height: '150', width: '200', top: position.top, left: position.left }, 750); }); 

这会在绑定之前为每个元素的父存储.position() ，然后在稍后设置动画时使用它。