@jf-code/accordion v1.1.0

VanillaJS Accordion

This is a dependency free accordion

Usage

Template

<div class="accordion">
    <a class="accordion__trigger" href="#" data-target="item-1">First item</a>
    <div class="accordion__content" id="item-1">First item content</div>
    <a class="accordion__trigger" href="#" data-target="item-2">Second item</a>
    <div class="accordion__content" id="item-2">Second item content</div>
</div>

Javascript Initialization

// instantiate with options
let instance = new Accordion('.accordion', {
    selectors: {
        trigger: '.accordion__trigger',
        content: '.accordion__content'
    },
    classes: {
        active: 'is-active'
    },
    active: false,
    expandable: false,
    callbacks: {},
    errorMessages: {}
});
// initialize
instance.init();

Options