Еще
Каталог товаров

Раскрывающийся список типа "аккордеон"


1. Для добавления подобного списка вставьте следующую html-разметку в режиме редактирования html:

<div class="js-extend-accordion-list extend-accordion__list">

    <div class="extend-accordion__item js-extend-accordion-item">
        <div class="extend-accordion__head js-extend-accordion-title">
            <em class="extend-accordion__caret fal ac-color"></em>
            <span class="extend-accordion__title">
                Вопрос 1
            </span>
        </div>
        <div class="extend-accordion__content js-extend-accordion-text">
            Ответ 1
        </div>
    </div>

    <div class="extend-accordion__item js-extend-accordion-item">
        <div class="extend-accordion__head js-extend-accordion-title">
            <em class="extend-accordion__caret fal ac-color"></em>
            <span class="extend-accordion__title">
                Вопрос 2
            </span>
        </div>
        <div class="extend-accordion__content js-extend-accordion-text">
            Ответ 2
        </div>
    </div>

    <div class="extend-accordion__item js-extend-accordion-item">
        <div class="extend-accordion__head js-extend-accordion-title">
            <em class="extend-accordion__caret fal ac-color"></em>
            <span class="extend-accordion__title">
                Вопрос 3
            </span>
        </div>
        <div class="extend-accordion__content js-extend-accordion-text">
            Ответ 3
        </div>
    </div>

</div>

2. Продублируйте html-код контейнера .extend-accordion__item на необходимое количество элементов списка и замените текст на нужное содержимое:

Каталог товаров
×