🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

An easy and fast jQuery accordion plugin to expand/collapse Html content with CSS3 transition effects.

CSS3 transitions

Documentation

Simple jQuery Accordion

This is a simple accordion jQuery accordion, with basic functionalities using animates.css to add transition effects. How to use it:

1-Include jQuery library

http://code.jquery.com/jquery-1.9.1.js

2-Include the plugin

jquery.simple-accordion.js

3-Create an HTML markup for the accordion:

You can use any tag you like as long as it follow this structure:

4-To initiate the plugin simple call it like this:

$('#my-accordion').simpleAccordion();

5-You may pass attributes for the in and out transition like this:

$('#my-accordion').simpleAccordion({animationIn: 'slideInDown', animationOut: 'slideOutUp'});


You May Also Like