ozimnad-accordion v1.0.9

Ozimnad-accordion

Простая и легкая библиотека js-аккордиона.

Особенности

• Никаких зависимостей. Библиотека написана на чистом JavaScript, для работы не требуются иные библиотеки.
• Нет жесткой структуры. Нет жесткой привязки в структуре.
• Простота и функциональность. Вы можете легко и быстро подключить и использовать библиотеку.
• Настройка с помощью CSS. Вы можете легко менять внешний вид, расположение с помощью CSS.

Как работать с библиотекой

1. Скачайте последнюю версию библиотеки
2. Подключите style.css и script.js из папки dist к странице
3. Поместите в ваш html-документ следующую разметку:

<div data-accordion="accordion">
    <div data-accordion="item">
        <div data-accordion="btn">Кнопка 1</div>
        <div data-accordion="collapse">
            <div data-accordion="content">
                Контент
            </div>
        </div>
    </div>
    <div data-accordion="item">
        <div data-accordion="btn">Кнопка 2</div>
        <div data-accordion="collapse">
            <div data-accordion="content">
                Контент
            </div>
        </div>
    </div>
    <div data-accordion="item">
        <div data-accordion="btn">Кнопка 3</div>
        <div data-accordion="collapse">
            <div data-accordion="content">
                Контент
            </div>
        </div>
    </div>
    <div data-accordion="item">
        <div data-accordion="btn">Кнопка 4</div>
        <div data-accordion="collapse">
            <div data-accordion="content">
                Контент
            </div>
        </div>
    </div>
</div>

4.Разместите следующий JS-код для подключения аккордиона:

new OzimnadAccordion();

5.Настройки:

Пример:

new OzimnadAccordion();

Важно

Дата атрибуты обязательны и их нельзя менять.