Clicking checkbox to expand div, doesn't work in IE7
<p>The following code works fine in FF, but doesn't in IE7 - when clicking the checkboxes in IE the divs doesn't toggle.</p>

<p>How do I troubleshoot these kind of issues - does anyone have an idea on how to go about this?</p>

<pre><code>// 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'); 

});
</code></pre>
