Hello,
Ive asked everywhere and one I know, practically, and I am really hoping someone here can help me with a support issue.

I'm developing a JQuery fallback to a CSS3-Accordion. A live example is here: HTTP://MSU.edu/~mirirfan/maurers

Currently, the live example alerts what is catching an event. This is a test to see if the browsers in which it is not working are catching the event or not. By the results, I found out that IE 8 and less and iOS 5 and less are not.

And by not working I mean the panels / slides of the accordion do not open up / slideDown.

I asked some people on the jQuery forums, but they are stumped on why its not working. One person said it may be due to me using the :animated in my jQuery, which IE and iOS do not support. But said person did not have an alternative method of rewriting my code without it.

What I am trying to achieve is to get the corresponding to slideDown once the input (checkbox) is checked / label is clicked and then slideUp when the input is unchecked / label is clicked again.

Can someone please help me fix my code so that it works in IE and iOS ?

I would sincerely appreciate any and all help.

Thank you in Advance!