The following code works fine in FF, but doesn't in IE7 - when clicking the checkboxes in IE the divs doesn't toggle.
How do I troubleshoot these kind of issues - does anyone have an idea on how to go about this?
// hide divs
$('.product-optional-toggle1').css({ display: 'none'});
$('.product-optional-toggle2').css({ display: 'none'});
$('.product-optional-toggle3').css({ display: 'none'});
// toggle divs when checkbox is checked
$('.product-optional-checkbox1').change(function () {
if($(this).attr("checked") === "true") {
$('.product-optional-toggle1').toggle('fast');
return;
}
$('.product-optional-toggle1').toggle('fast');
});
$('.product-optional-checkbox2').change(function () {
if($(this).attr("checked") === "true") {
$('.product-optional-toggle2').toggle('fast');
return;
}
$('.product-optional-toggle2').toggle('fast');
});
$('.product-optional-checkbox3').change(function () {
if($(this).attr("checked") === "true") {
$('.product-optional-toggle3').toggle('fast');
return;
}
$('.product-optional-toggle3').toggle('fast');
});