I was using a fairly simple js script to show/hide a div. Worked fine in firefox, didn’t work at all in IE (and had the unexpected side-effect of hiding the link I wanted to click on to toggle the show/hide). The problem code is below:
<a href="#specialConditions" name="specialConditions"
onclick="toggleDisplay('specialConditions');"> Special conds</a>
<div id="specialConditions" style="display: none;">
...
</div>
The function toggleDisplay() just sets style.display=’none’ if it’s equal to ‘block’ and vice-versa.
The problem turned out to be the ‘name=”specialConditions”‘ in the link – IE seems to confuse names and IDs in getElementById(), so document.getElementById(’specialConditions’) was returning the link instead of the div.
So I changed the value of “name” in the link and it worked fine:
<a href="#specialConditionsAnchor" name="specialConditionsAnchor"
onclick="toggleDisplay('specialConditions');"> Special conds</a>
<div id="specialConditions" style="display: none;">
...
</div>
