Флажок не проверяется при использовании в jQuery toggle()

У меня есть этот код jQuery, который использует функцию toggle() для ввода флажка (через ID #rescheck), чтобы показать скрытый div при щелчке/галочке флажка - все работает отлично, за исключением того, что на самом деле "галочка" или «галочка» не отображается в поле в Chrome.

В Firefox все наоборот, галочка или галочка всегда присутствует при загрузке страницы, независимо от того, виден ли скрытый div или нет.

$("#rescheck").toggle(function(){   
        $("#reservationfields").stop().animate({ down: "+=300" }, 8000)      
        $("#reservationfields").stop().slideDown("slow");      
   }, function(){
        $("#reservationfields").stop().animate({ down: "-=300" }, 8000)      
        $("#reservationfields").stop().slideUp("slow");
    }); 

После проверки другого вопроса на этом сайте (ответ 14) я затем изменил мой код на:

    $('#rescheck').change(function () {
    if ($(this).attr("checked")) {
        $("#reservationfields").stop().animate({ down: "+=300" }, 8000)      
        $("#reservationfields").stop().slideDown("slow"); 
    } else {
        $("#reservationfields").stop().animate({ down: "-=300" }, 8000)      
        $("#reservationfields").stop().slideUp("slow");
    }
});

Это прекрасно работает в FF и Chrome, но Internet Explorer просто не будет "проверять" и в результате не покажет скрытый div.

Мне действительно нужно, чтобы это работало в разных браузерах, может ли кто-нибудь пролить свет? :(

Спасибо