JQuery Accordion: The missing responsive, CSS powered accordion plugin (opens in new tab)

Hi. CSS only accordions rely on having a fixed height and then having an animation for that container. Doesn't really work when you have variable content inside your tabs.

This plugin just calculates your content's height and sets the value accordingly, refreshing the height when needed (on resize, orientation changes, etc), and then has a nice CSS transition for that element.

I certainly didn't mean to reinvent the wheel doing this. Just felt there wasn't a plugin doing the same and found it useful.

Thanks.

I think what they mean is that you don't have to type any javascript yourself, such as setting onclick-listeners. At the top of the page it reads "CSS powered (jQuery fallback)", however, if jQuery fails to load (e.g. when visiting the https-version of the same page), it doesn't work.

What I also don't understand is how this plugin was in any way 'missing'. It seems we had plenty already[1].

[1]: http://www.designrazzi.net/2014/free-jquery-accordion-menus-...

I believe he means that it uses CSS transitions, not javascript transitions. So the animations are what are, whenever possible, "CSS-powered"

Doesn't work in Chrome or Firefox on Windows 8.1 either. Strangely does work in IE though.

No. Unfortunately, the author clearly doesn't get that. Responsive means that it is able to present an appropriate experience to different devices. Full width for this widget is not appropriate on a large screen.