JQuery - 在动画期间滞后

Question

当内容发生变化时，我必须得到一些效果。这是我的jquery-code：

function contentHide( parentElement, callback )
{
    parentElement.animate({
        "height" : "hide", "opacity" : 0.0
    }, "slow", "linear", callback);
}

function contentShow( parentElement )
{
    parentElement.animate({
            "height" : "show", "opacity" : 0.7
    }, "slow", "linear");
}

当内容发生变化时，我有一个很大的滞后。在页面的第一秒，一切都很好。

Answer 1

动画非常耗费处理器。我一直试图将它限制为一次动画1属性（如果可能）以限制CPU拉动。例如，通过回调为高度设置动画，然后设置不透明度，例如;

parentElement.animate(
    {"height" : "hide"}, "slow", "linear", function() {
        parentElement.animate({"opacity" : 0.0}, "slow", "linear", callback);
    }
);