This is the fork of the jQuery Accordion.
Responsive, CSS powered, jQuery accordion plugin.
Jquery Accordion uses CSS transitions to animate opening/closing with a fallback to jQuery's animate when CSS transitions are not supported. It takes little configuration or code to use it on your project. Try out the demo.
Supports IE9+ and modern browsers.
Developed by Victor Fernández. Licensed under the MIT License.
bower install jq-accordion --save // or npm install jq-accordion --save
- Include jQuery:
- Include plugin's code:
- Call the plugin:
||int||Transition speed on miliseconds.|
||string||CSS value for easing.|
||string||CSS selector for the element acting as a button.|
||string||CSS selector for the element containing hide/show content.|
||string||CSS selector for a parent element containing a group.|
||boolean||Opens a single accordion a time.|
accordion.open fires when any accordion opens
accordion.close fires when any accordion closes
accordion.toggle toggles accordion open/close when triggered on a controlElement. This will not be triggered if it affects more than one accordion while
For a simple accordion/dropdown, use the following structure/data-attributes:
For a group of accordions, you can use the
data-accordion-group attribute on a parent, this will allow you to activate/deactivate the single open behavior by setting
singleOpen to true/false.
Starting with opened state
To initialize the accordion with an open state just add the class
.open to your accordion element.
Check CONTRIBUTING.md for more information.
MIT License © Nay Zaw Oo