Pure-js-accordion NPM

pure-js-accordion

Simply accordion library made by Vanilla JavaScript.

Demo: https://hikiroom.github.io/pure-js-accordion/sample/index.html

Installation

Script

Download code here.

ESM

$ npm install -S pure-js-accordion

Usage

Script

<div class="box">
    <button class="button" type="button">trigger</button>
    <div class="content">
        <p>target</p>
    </div>
</div>

<script>
const btn = document.querySelectorAll('button');

for (const trigger of btn) {
    const target = document.querySelector(trigger.dataset.target);
    const isOpen = trigger.dataset.hasOwnProperty('isOpen');
    const duration = 0.4;
    const options = {
        trigger,
        target,
        isOpen,
        duration,
    };
    const pjsa = new PJSAccordion(options);
}
</script>

ESM

import PJSAccordion from 'pure-js-accordion';

const btn = document.querySelectorAll('button');

for (const trigger of btn) {
    const target = document.querySelector(trigger.dataset.target);
    const isOpen = trigger.dataset.hasOwnProperty('isOpen');
    const duration = 0.4;
    const options = {
        trigger,
        target,
        isOpen,
        duration,
    };
    const pjsa = new PJSAccordion(options);
}