jquery animation

Question

je ne sais pas ce qui ne va pas avec ce code .. il ne fonctionnent pas, même si elle a la même syntaxe avec l'autre ..

$(document).ready(function(){ 
$("#inner").animate({height:'200',top:'-100'},1000); 
    $("#inner").animate({width:'200',margin-left:'-100'},1000); 
}); 

vous pouvez voir l'exemple here. .

Answer 1

Essayez de donner sans px $("#inner").animate({width:'200',margin-left:'-250'},1000);

Ou Regardez cette question sur le SO

Il dit,

essayez d'utiliser "marginTop" au lieu de "margin-top". Normalement, lorsque vous utilisez les accessoires CSS comme "border-something" ou "margin-something", il vaut mieux utiliser la version "normalisée", comme vous le faisiez en DHTML (styles.marginTop).

donc changer à, $("#inner").animate({width:'200',marginLeft:'-250'},1000);

Ou

vous pouvez également utiliser la réponse de redsquare ...

Answer 2

Vous devez citer l'attribut de marge gauche puisque le trait d'union est un opérateur réservé .

Voir update à votre démonstration

Essayez

$(document).ready(function(){ 
$("#inner").animate({height:'200',top:'-100'},1000); 
    $("#inner").animate({width:'200','margin-left':'-100'},1000); 
});