@esign/accordion v0.0.5

Accordion

A lightweight vanilla Javascript Accordion component.

Features

• Basic styling
• Adjustable tabs slide animation
• Nested accordion support
• Multiple accordion support
• Close others
• Link directly to specified tab

Installation

Install package:

npm i --save @esign/accordion

Import package in Javascript file:

import Accordion from '@esign/accordion';

Create new Accordion instances:

const accordionEls = document.querySelectorAll('.accordion');
[...accordionEls].forEach(a => new Accordion(a));

Pass options to Accordion class:

const accordion = new Accordion(el, {
  animationDuration: 750,
  closeOthers: true,
  nameSpace: 'custom-accordion',
  activeClass: 'custom-open',
  cssEasing: 'ease-in-out'
});

Options: