Accordion Group
(single open)
Item
Item
Hoodie 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.
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Accordion Group
(multiple open)
Item
Item
Hoodie 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.
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Single Accordion
(easeInOutQuad, 600ms duration)
Item
Item
Item
Item
Item
Item
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. |
