jQuery Accordian Internet Explorer 6 Issue

If you are using the Accordian UI from jQuery and your accordion body (the content in div.ui-accordion-content tag) contains anchor tags then you might experience a few glitches in IE6 where the display might not render properly when selected.

One way to address this issue is the following: Add this to the header…

[sourcecode language=“jscript”]

[/sourcecode]

This will force a refresh of the content when expanded.

The other thing that you may not have is a doctype defined in the header.

Here’s an example of a DOCTYPE defined:

[sourcecode language=“jscript”]

...

[/sourcecode]

Recommended list of DOCTYPES available.

If you find this article useful, consider signing up for my RSS feed or Email Newsletter. See links on the right side.