1.0.4 • Published 2 months ago

@roghz/slidetoggle v1.0.4

Weekly downloads
-
License
ISC
Repository
github
Last release
2 months ago

slideToggle()

Small script for VanillaJS slideToggle.

USAGE

Install package by npm

npm i @roghz/slidetoggle

Install package by yarn

yarn add @roghz/slidetoggle

Usage Example

import { slideToggle } from '@roghz/slidetoggle';
//import { slideUp, slideDown, slideToggle } from '@roghz/slidetoggle';

const accordionsBlock = document.querySelectorAll('.accordions');
accordionsBlock.forEach(item => {
    const question = item.querySelectorAll('.accordions__item--heading');
    question.forEach(el => {
        el.addEventListener('click', () => {
            el.classList.toggle('active');
            slideToggle(el.nextElementSibling, 500, 'flex');
        });
    });
});

//slideToggle(el.nextElementSibling, 500) or slideToggle(el.nextElementSibling, 500, 'displayMode');

LICENSE

MIT License

1.0.4

2 months ago

1.0.3

2 years ago

1.0.2

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago