JQuery cross-server issue

Question

I have this code that works fine in all browsers, but not in IE6, and I don't know why, can anyone shed some light on this?

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

You have commas in object literals passed in animate() . IE does not support this. This should work:

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

Answer 2

Yes, probably I can.

SOUND COMMA You have it!

 marginTop: '0', // remove comma 

and

 marginTop: '-280', // remove comma 

Trailing commas are a big NoNo in IE.

Answer 3

Also should not be

 "-280px" // added "px"