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

Question

У меня есть этот код 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 в результате.

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

Спасибо

Answer 1

Привязать к click вместо. Это должно работать.