1.0.0 • Published 6 years ago
@gardelin/jquery-accordion v1.0.0
jQuery Accordion
Simple jQuery accordion library, perfect for FAQ (Frequently Asked Question) list.

Usage
<div class="faq">
<div class="faqitem">
<div class="header">Test</div>
<div class="content">test content</div>
</div>
<div class="faqitem">
<div class="header">Test</div>
<div class="content">test content</div>
</div>
<div class="faqitem">
<div class="header">Test</div>
<div class="content">test content</div>
</div>
</div>
<script>
$(".faq").accordion(options);
</script>Options
| Option | Type | Default value | Description |
|---|---|---|---|
| duration | number | 200 | Animation duration in ms |
| closeOthers | boolean | true | Show only one element at the same time |
| questionClass | string | '.question' | Question class selector |
| answerClass | string | '.answer' | Answer class selector |
| itemClass | string | '.faqitem' | Accordion item class selector |
Events
| Name | Description |
|---|---|
| jqueryaccordioninit | Accordion is initialized |
| jqueryaccordiontoggle | Before accordion item is opened/closed |
| jqueryaccordiontoggled | After accordion item is opened/closed |
| jqueryaccordiondestory | Accordion is destroyed |
1.0.0
6 years ago