pure-js-accordion
TypeScript icon, indicating that this package has built-in type declarations

1.0.3 • Public • Published

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);
}

API

Options

trigger

Type Default value
HTMLElement null

Collapse target element when on click this element.

target

Type Default value
HTMLElement null

This element is target of collapse.
If this value is null, set next sibling of trigger element.

isOpen

Type Default value
Boolean false

Decide whether to collapse target element.

duration

Type Default value
Number 0.2

Collapse duration.

Instance methods

open

Open target element.

close

Close target element.

toggle

Toggle target element.

License

Licensed under the MIT license
https://github.com/hikiroom/pure-js-accordion/blob/master/LICENSE

Package Sidebar

Install

npm i pure-js-accordion

Weekly Downloads

1

Version

1.0.3

License

MIT

Unpacked Size

9.43 kB

Total Files

6

Last publish

Collaborators

  • sitagakey