Silky-smooth accordion widgets with no external dependencies.

npm install accordion --save
bower install silk-accordion --save

Include the following two files in your project:

src/accordion.css
src/accordion.js

Layout your markup like this:

<div class="accordion">

	<div>
		<h1> Heading </h1>
		<div> Content </div>
	</div>
	
	<div>
		<h1> Heading </h1>
		<div> Content </div>
	</div>
	
</div>

Then create an Accordion instance with a reference to a DOM element:

var el = document.querySelector(".accordion");
new Accordion(el);

Options can be passed in a second argument:

new Accordion(el, {
    onToggle: function(fold, isOpen){
        console.log(fold);   // -> Reference to a `Fold` instance
        console.log(isOpen); // -> true / false
    }
});

Different distribution flavours are available in the dist directory:

• amd: For RequireJS
• common-js: For NodeJS-like ecosystems
• es6: For Babel, or whenever ES6 becomes universally supported by browsers.
• raw: Compressed and uncompressed ES5 versions, the latter of which is also available in src.

The base stylesheet is located at src/accordion.css. Feel free to embed it into your application's existing styling, tweaking it if desired.