SOLVED - Reverse Behaviour in Internet Explorer

I have a form that hides fields until checkboxes are checked.
This works perfectly apart from in IE where the behaviour seems to reverse:

i.e If you check a checkbox nothing happens, uncheck it and the hidden field appears.

Obviously this kind of renders the form useless.

Any idea how I can fix this.

Form is here

Hi datatonic,

I can't immediately see the code you are using but I've fixed similar problems a couple of times by using the onClick event instead of the onChange event.

Bob

This is the javascript

  
function showhidemanu()
  {
    if (document.Arrange_Demo_Form.manu.checked)
    {
      document.getElementById("hideablemanu").style.display = "block";
    }
    else
    {
      document.getElementById("hideablemanu").style.display = "none";
    }
  }
 

This is the checkbox with onclick

<input type="checkbox" name="manu" id="input_checkbox_group_6_manufacturing" title="" value="Manufacturing" class="validate['group[6]']" onclick="showhidemanu()" />
<label for="input_checkbox_group_6_manufacturing">Manufacturing</label>

This is a part of the hidden div

<div style="float:left; width:15%; display:none;" id="hideablemanu" >
<input type="checkbox" name="input_checkbox_group_16[]" id="input_checkbox_group_16_works_orders" title="" value="Works Orders" class="validate['group[16]']" />
</div>

There's no compression on and the code is all inline at the moment.

All's perfect in FF and Chrome, even works on my phone, but IE (as per normal) is a law unto itself and you get reverse behaviour.

Rocket Theme input styling was the demon in the end. The Mootools interaction caused a problem. Input styling off - everything works.

Thanks for all your help though.

Hi Datatonic,

Thanks for letting us know. I haven't seen that particular RocketTheme bug before.

Bob