jQuery problema entre navegadores

Question

Tengo este código que funciona muy bien en todos los navegadores pero no en IE6, y no tengo idea de por qué, ¿alguien puede arrojar algo de luz sobre esto?

$("#handle").toggle( 
    function() { 
     $('#login').animate({ 
      marginTop: '0', 
     }, 1000); 
     $("#handle").addClass('opened'); 
     return false; 
    }, 
    function() { 
     $('#login').animate({ 
      marginTop: '-280', 
     }, 1000); 
     $("#handle").removeClass('opened'); 
     return false; 
    } 
); 

Answer 1

Se han arrastra comas en los literales objeto pasado a animate(). IE no es compatible con esto. Esto debería funcionar:

$('#login').animate({ 
    marginTop: '0' //No comma, can you see it? 
}, 1000); 

Answer 2

Sí, creo que puedo.

The EVIL COMMA TE HA TOMADO !!

marginTop: '0', // remove comma 

y

marginTop: '-280', // remove comma 

comas finales son una gran NoNo en el IE de.

Answer 3

Además, no debería ser

"-280px" // added "px"