Hi, I have an accordion style menu which seems to be working fine in IE8, Firefox and Chrome (although it probably isn't as smooth as it could be), but in IE7 or IE8 Compatibility mode, it seems to be totally erratic, and I'm at a loss as to what the problem is. Can anyone offer any pointers? The site is here Thanks in advance for any help!
Your site gives an error when I go to it in IE7. I see the problem that causes that, but I'm unsure if it is affecting the menu.
You are tring to make an input have rounded corners with the command:
$('input#search_button').corner('5px right');
You cannot corner an input in IE. Try putting the input into a div and running corner on that. Here's a link to a forum that talks about this problem
I didn't have a ton of time to go through your code, but consider using the new(er) JQuery UI Accordion which is built into Jquery UI as of the latest version. It can be seen here:
http://jqueryui.com/demos/accordion/
It's tested in all browsers, installs extremely quickly, and can be styled using Themeroller. Best of all in my mind is that once you install the code for JqueryUI, you can re-use its functionality over and over for the most common UI tasks as opposed to calling a bunch of "custom" jquery files and adding http requests.
Based on my experience with Accordion, it would look and behave nearly exactly as the one you've installed. And, there's a huge support community should you bump into issues.
Good luck!