JQuery (animations) not working in >IE9 and >iOS6.
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!