JQuery - задержки во время анимации

Question

Мне нужно получить некоторые эффекты при изменении контента. Вот мой jquery-код:

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 свойства за раз (где это возможно), чтобы ограничить загрузку процессора. например, оживить высоту, затем непрозрачность через обратный вызов, что-то вроде;

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