Раскрывающийся список типа "аккордеон"
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 на необходимое количество элементов списка и замените текст на нужное содержимое: