Magic Accordion

Magic Accordion works the following way. Developers have to point the plugin to a DIV or section of the page where the content is located in.

By default the plugin will take all the headers found in that section and convert them into the accordion widget's headers.

All the text under every header becomes the respective panel's content.

Anything can be placed inside these accordion panels, even tables, lists, images, videos and iframes.

If you're looking for a similar project that creates tab panels instead of accordions, you can check out Magic Tabs.

Requirements:

• JavaScript enabled on client side
• jQuery