@gardelin/jquery-accordion

1.0.0 • Public • Published

jQuery Accordion

Simple jQuery accordion library, perfect for FAQ (Frequently Asked Question) list. Accordion

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

Package Sidebar

Install

npm i @gardelin/jquery-accordion

Weekly Downloads

0

Version

1.0.0

License

ISC

Unpacked Size

111 kB

Total Files

6

Last publish

Collaborators

  • gardelin