Introduction

---

A simple, user-friendly and lightweight jQuery accordion plugin with smooth animations powered by CSS3 transitions.
It was based on the Minimal Accordion/Drawer Plugin with jQuery and CSS3 developed by alxndrwcz.
This plugin is licensed under MIT and anyone can freely use it, copy it and modify it.
New updates are always released with new features and fixes.
The latest version at this time is version_3.2.
Please like Woco Accordion Facebook page to check for new versions and updates.

Download

---

version_3.2 .zip version_3.2 .tar.gz View on GitHub

News

---

Woco Accordion version_3.2 is released with a new method that can expand a nth section.

How to use it

---

1. Include the Woco Accordion plugin's CSS in the header.
<link href="woco.accordion.css" rel="stylesheet">
2. Include the Woco Accordion plugin's JavaScript after you have loaded jQuery library.
<script src="woco.accordion.js"><script>
3. Create a DIV element which contains pairs of H1 element and DIV element.
<div class="accordion">
<h1>Section 1</h1> <div>
Content 1<br>Content 1<br>Content 1<br>Content 1<br>
</div> <h1>Section 2</h1> <div>
Content 2<br>Content 2<br>Content 2<br>Content 2<br>
</div> <h1>Section 3</h1> <div>
Content 3<br>Content 3<br>Content 3<br>Content 3<br>
</div>
</div>
4. Initialize the plugin.
$(".accordion").accordion();
OR
Initialize the plugin with options. $(".accordion").accordion({
//whether the first section is expanded or not firstChildExpand: true, //whether expanding mulitple section is allowed or not multiExpand: false, //slide animation speed slideSpeed: 500, //drop down icon dropDownIcon: "&#9660",
});
5. Use method if needed.
//Expands the section at the specified index of the accordion $(".accordion").openSection(index);

Contact Me

---

If you wanna ask questions or found any bug or wanna suggest or ask new features or for other reasons, contact me at chooowai@yahoo.com.