Примеры и код
Свойства и методы
Использование
Аккордеон
Контент аккордеона

const accordions = new Accordion()

const accordion = new Accordion({
    $element: document.querySelector('[data-name="example"]')
})


Несколько панелей
Аккордеон 1
Контент аккордеона 1
Аккордеон 2
Контент аккордеона 2
Аккордеон 3
Контент аккордеона 3

multiple
Аккордеон 1
Контент аккордеона 1
Аккордеон 2
Контент аккордеона 2
Аккордеон 3
Контент аккордеона 3

new Accordion({
    options: {
        multiple: true
    }
})


Свойства и методы
Параметры (Accordion.options)
НазваниеЗначение по умолчаниюТипОписание
mounttruebooleanинициализация компонента
name''stringимя компонента
activefalsebooleanесли true, то будет активной первая панель
multiplefalsebooleanесли true, то панели не будут закрываться при нажатии на другую
duration300number (ms)время, за которое будет открыта панель в мс
Обработчик событий (Accordion.on)
НазваниеЗначение по умолчаниюТипОписание
mount(ctx) =>function
unmount(ctx) =>function
toggle(ctx) =>functionсрабатывает при переключение