A simple to use, alternative, lightweight and responsive jQuery Accordion plugin.

Demo: http://www.cloud-eight.com/github/responsive-accordion/

• Link both the 'responsive-accordion.css' and 'responsive-accordion.js' files into your document
• Create an unordered list and give it a class name 'responsive-accordion'
• In each list item place 2 div's
• The first div apply the class name 'responsive-accordion-head'
• The second div apply the class name 'responsive-accordion-panel'
• In the 'responsive-accordion-head' div place the title of that section
• In the 'responsive-accordion-panel' div place the contents of the above section

You can also use 2 elements in the 'responsive-accordion-head' div to display icons/images for when the panel is expanded or collapsed. Giving each element a name of either 'responsive-accordion-plus' or 'responsive-accordion-minus', in the demo we have used FontAwesome icons.

• IE 8+
• Firefox
• Chrome
• Safari
• Opera
• Most mobile browsers

Joe Mottershaw, Cloud Eight
http://www.cloud-eight.com