jQuery кросс-браузерная проблема

Question

У меня есть этот код, который отлично работает во всех браузерах, но не в IE6, и я понятия не имею, почему, кто-нибудь может пролить свет на это?

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

У вас есть конечные запятые в литералах объекта, переданные в animate().IE не поддерживает это.Это должно работать:

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

Answer 2

Да, я думаю, что могу.

ЗЛА КОММА ПОЛУЧИЛА ВАС !!

marginTop: '0',  // remove comma

и

marginTop: '-280', // remove comma

Трейлингзапятые - это большое NoNo в IE.

Answer 3

Также не должно быть

"-280px" // added "px"