The missing responsive, CSS powered (jQuery fallback) accordion plugin.
Accordion Group (single open)
Item
ItemHoodie ennui Godard aesthetic, art party whatever trust fund slow-carb kogi tattooed single-origin coffee banjo. Deep v tote bag brunch, artisan distillery chillwave Williamsburg sartorial. Mustache blog wayfarers Carles, forage biodiesel butcher street art. Hashtag small batch bitters deep v gluten-free. Semiotics butcher blog, paleo asymmetrical narwhal selvage pug Pitchfork DIY artisan Wes Anderson put a bird on it drinking vinegar whatever. Artisan McSweeney's Shoreditch, wolf yr Marfa street art locavore craft beer aesthetic 90's gentrify. Yr hella fingerstache, Echo Park VHS +1 church-key XOXO Vice selvage gastropub readymade literally wayfarers.ItemItemItemItem
ItemItem
ItemItemItemItemItemItem
ItemItemItemItemItemItem
ItemItemItem
ItemItemItemItemItemItem
Accordion Group (multiple open)
Item
ItemHoodie ennui Godard aesthetic, art party whatever trust fund slow-carb kogi tattooed single-origin coffee banjo. Deep v tote bag brunch, artisan distillery chillwave Williamsburg sartorial. Mustache blog wayfarers Carles, forage biodiesel butcher street art. Hashtag small batch bitters deep v gluten-free. Semiotics butcher blog, paleo asymmetrical narwhal selvage pug Pitchfork DIY artisan Wes Anderson put a bird on it drinking vinegar whatever. Artisan McSweeney's Shoreditch, wolf yr Marfa street art locavore craft beer aesthetic 90's gentrify. Yr hella fingerstache, Echo Park VHS +1 church-key XOXO Vice selvage gastropub readymade literally wayfarers.ItemItemItemItem
ItemItem
ItemItemItemItemItemItem
ItemItemItemItemItemItem
ItemItemItem
ItemItemItemItemItemItem
Single Accordion (easeInOutQuad, 600ms duration)
ItemItemItemItemItemItem
Options
Variable
Default
Type
Description
transitionSpeed
300
int
Transition speed on miliseconds.
transitionEasing
'ease'
string
CSS value for easing
controlElement
'[data-control]'
string
CSS selector for the element acting as a button inside accordions.
contentElement
'[data-content]'
string
CSS selector for the element containing hide/show content.
groupElement
'[data-accordion-group]'
string
CSS selector for a parent element containing a group of accordions.
singleOpen
true
boolean
Opens a single accordion a time. If false, multiple accordions can be open a time.