JQuery - retards pendant l'animation

Question

Je dois obtenir des effets lorsque le contenu change. Voici mon 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"); 
} 

Et quand le contenu change, j'ai un gros retard. Aux premières secondes de la page tout va bien.

Answer 1

Les animations sont très gourmands en puissance de processeur. J'ai toujours essayé de le limiter à l'animation de 1 propriété à la fois (si possible) pour limiter le tirage du CPU. par exemple animer la hauteur puis l'opacité via le rappel, quelque chose comme;

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