jQuery problema cross-browser

Question

Ho questo codice che funziona benissimo su tutti i browser ma non su IE6, e non ho idea del perché, qualcuno può far luce su questo?

$("#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

Sono presenti virgole finali nei valori letterali dell'oggetto passati a animate(). IE non supporta questo. Questo dovrebbe funzionare:

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

Answer 2

Sì, credo di poterlo fare.

IL MALE COMMA HA FATTO !!

marginTop: '0', // remove comma 

e

marginTop: '-280', // remove comma 

virgole finali sono una grande NoNo in IE di.

Answer 3

Inoltre non dovrebbe essere

"-280px" // added "px"