JQuery accordion bug in IE 8? Workaround?

jquery animation accordion internet-explorer-8
Travis Smith picture Travis Smith · Jun 22, 2010 · Viewed 12.9k times · Source

To see this accordion animation bug, go to http://hopplayground.com/ with Internet Explorer 8 (IE8)

Click on "Bios". The first click on a menu item should open the submenu. But it doesn't, nothing appears. The second click kind of closes the menu, but leaves artifacting. Using other menus works correctly.

Question: What is causing this glitch, and is there a way to solve it or work around it?

I'm using jQuery 1.4.2 with jQuery UI 1.8.2. The functionality works perfectly in Firefox and Safari.

TTFN Travis

Answer

mVChr picture mVChr · Jun 22, 2010

Not sure what the problem is, so if a workaround will do instead of a solution, the page works for me in IE7 so you can add the following meta tag into your document <head>:

  <meta http-equiv="X-UA-Compatible" content="IE=7" />

This will force IE8 into IE7 compatibility mode. Using this tag reduces cross-browser issues.

Related questions

How do I change the animation style of a jQuery Accordion?

Is there a way to change the default animation that jQuery accordion uses? It appears to be "slide" but I'd like to use a Bounce or Drop effect. Here's my current code: $("#accordion").accordion({ autoHeight: false, collapsible: true, event: 'click', …

Read More
How can I create a "Please Wait, Loading..." animation using jQuery?

I would like to place a "please wait, loading" spinning circle animation on my site. How should I accomplish this using jQuery?

Read More
How do you make an element "flash" in jQuery

I'm brand new to jQuery and have some experience using Prototype. In Prototype, there is a method to "flash" an element — ie. briefly highlight it in another color and have it fade back to normal so that the user's eye …

Read More