jQuery Accordian Internet Explorer 6 Issue

Focus On Content ~/ click me to toggle the navigation bar to the right

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.

Enterprise Software Architect and Developer working at Leidos as a consultant for the Modern Development Environment Group at SSA.gov developing the next generation of DevOps solutions and services. My passions include all things Open Source including Java, Python, GoLang, JavaScript, Linux, Arduino, ARM, Embedded Devices, Web Development and micro controllers. Coming from an Electrical and Computer Engineering background, working in developing and designing enterprise grade distributed, highly scalable software requires a unique set of software skills with a good understanding of the hardware. This makes my work challenging and interesting each and every day. I enjoy spending my free time with my family, friends and our pet dog. I enjoy researching on topics including - world ancient history, yoga, science, biology, chemistry and all things interesting. Visit the ‘About’ section up top for more details.