Accordion not collapsing in IE8
Hi,
I'm developing a JS app using jQuery and PURE 2. I have a page load that contains a div meant for accordion-ing, and which works perfectly fine on a Linux/Firefox client. Then, loading in WinXP/IE8, I can see everything inside of the div (which should all be accordion'd at load) and cannot expand anything (evidently the links we used for the tab list didn't get attached properly)....this is sort of tying up our development, since we need to test each part of the app on IE8, so if anyone has an idea of what's happening, I'd love to help with more information or anything else I can do.
The only thing I could think of was to check the generated HTML for each one, so here's a stripped-down example.
Firefox:
- <div id="example" class="ui-accordion ui-widget ui-helper-reset" role="tablist">
- <h3 id="example-header-gh" class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all" role="tab" aria-expanded="false" tabindex="0"><span class="ui-icon ui-icon-triangle-1-e"></span><a href="javascript:" id="example-slot-gh" tabindex="-1">Giving History</a></h3>
- <div id="example-gift-hist" class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom" role="tabpanel" style="display: none;">
- Loading Giving History ...
- </div>
- </div>
IE8:
- <div id="example" class="ui-accordion ui-widget ui-helper-reset" role="tablist" jQuery1277766223015="5">
- <h3 id="example-header-gh"><span class="ui-accordion-left" jQuery1277766223015="6" /><a href="javascript:" id="example-slot-gh" tabIndex="0" class="ui-accordion-header" role="tab" aria-expanded="false" style="zoom: 1;" jQuery1277766223015="16">Giving History</a><span class="ui-accordion-right" /></h3>
- <div id="example-gift-hist">
- Loading Giving History ...
- </div>
- </div>
Something tells me this has something to do with the div in line 3 missing a whole bunch of attributes, which seem to have been transposed to the link in line 2....if anyone knows what's happening, please help!