views:

344

answers:

2

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

+3  A: 

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.

mVChr
This is a very bad solution to a problem like this, it moves the internet backwards not forward...better to solve the actual rendering problem. Think of it this way, what happens when users upgrade to IE9?
Nick Craver
@Nick - I understand your point and agree that it's better to solve the actual problem but I wanted to give a practical solution in case expedience was a critical factor at hand.
mVChr
@nick I do think you're right -- and I'm doing my best to move the Internet forward with the rest of what I'm doing on the site, but I also think that I have to do what's best now. Thanks @mvchr. I'll give you credit if no better answer comes along.
Travis Smith
A: 

you can add styles to the accordion like: .accordion {display:table} because of ie has some problem with display:inline which jquery uses...

RikawaS