Animating accordion open/closed indicators in CSS3 Posted on: 2012-03-20

Just a cool little technique I recently used for animating accordion arrows (indicating whether the accordion item is open or closed) using some JS, CSS3 (for displaying and animating) and pseudo selectors.

I've made a JSFiddle showing it in action.

For some reason, the animation only works in Firefox (it still shows open/closed in Chrome). If anyone out there has any ideas why and/or how to fix it, please let me know - I'd love to fix it.