Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

JQuery accordion bug in IE 8? Workaround?

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

like image 279
Travis Smith Avatar asked Jun 22 '10 00:06

Travis Smith


2 Answers

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.

like image 137
mVChr Avatar answered Sep 20 '22 21:09

mVChr


Just thought i would throw my two cents in. Based on mVChr's answer, you could use:

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

By setting it to edge it forces IE to use the latest rendering engine available. I had the same problem, and this was a fix for me.

This guys website talks more about it if your looking for more info:

http://farukat.es/journal/2009/05/245-ie8-and-the-x-ua-compatible-situation

like image 31
AndyM Avatar answered Sep 21 '22 21:09

AndyM