jQuery：在动画期间将两个div保持在恒定距离

Question

我正在使用jQuery .show()向页面添加div。在这个动画期间，我希望另一个div与第一个div保持恒定距离，这样它们就能顺利移动。

示例代码：http://jsfiddle.net/xrJ4T/11/

底部div不是以平滑的同步方式移动，而是立即跳到最终位置。

我尝试将{step: function(now, fx) {}}选项与jQuery .show()一起使用，但它不会运行step函数。例如：

$("#login_pod").show({
    effect: "drop",
    direction: 'up',
    queue: false,
    easing: "easeOutExpo",
    duration: 1000
    step: function(now, fx) {
        $("#second_pod").animate(marginTop: "+=2px");
    }
});

在两个动画div之间保持恒定距离的最佳方法是什么？为什么步功能不起作用？

Answer 1

您错过了#来自second_pod Id的尝试，

$("#second_pod").animate(marginTop: "+=2px");// in step function
//-^---- you missed #