IE6 crashes whenever I click on a div that is supposed to toggle (or
hide or show -- I've tried them both) a neighboring div. Otherwise,
this script works perfectly fine in IE7 and FF3.
Here is the div (located inside a php script):
echo '<div class="moreSubs" id="wp_moreSubscriptions1"><img
src="images/downarrow.jpg" /> Click Here to Add More
Subscriptions</div>';
Here is the jQuery called function:
$("#wp_moreSubscriptions1").click(function () {
$("div.gift").toggle();
});
The div being toggled:
echo '<div class="gift" style="display:none; float:left; width:
100%;">';
1. I've downloaded the latest jquery code with the same results.
2. I've tried classes and ids (#wp_moreSubscriptions1 and .moreSubs)
inside the jQuery function.
3. Clicking anywhere inside the div causes the IE6 crash. Removing the
jQuery function call obviously prevents IE6 from crashing.
4. The jQuery functions are all contained in the head of the html.
What is wrong and how do I fix this script for IE6?
Thanks!