jQuery动画回到原来的位置

我有一个我正在研究的网站,它有一些绝对定位的div,我需要在点击时调整大小,然后这些将填充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

解决方法

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

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

这将在绑定之前为每个元素的父级存储.position(),然后在稍后动画回来时使用它.

原文地址：https://www.jb51.cc/jquery/181429.html