Как сделать выпадающий список аккордеон в ZeroBlock

6,6K прочитали

Добро пожаловать в Tildach. Сегодня, я научу тебя делать выпадающий список аккордеон в ZeroBlock'e.

Начнем с создания ZeroBlock'a.

Добро пожаловать в Tildach. Сегодня, я научу тебя делать выпадающий список аккордеон в ZeroBlock'e.
Начнем с создания ZeroBlock'a.
Нажимаем редактировать ZeroBlock.
Добавляем HTML.

Нажимаем редактировать ZeroBlock.

Добро пожаловать в Tildach. Сегодня, я научу тебя делать выпадающий список аккордеон в ZeroBlock'e.
Начнем с создания ZeroBlock'a.
Нажимаем редактировать ZeroBlock.
Добавляем HTML.-2

Добавляем HTML. Открываем и вставляем в него код.

<div class="accordion" ></div>

Добро пожаловать в Tildach. Сегодня, я научу тебя делать выпадающий список аккордеон в ZeroBlock'e.
Начнем с создания ZeroBlock'a.
Нажимаем редактировать ZeroBlock.
Добавляем HTML.-3

Сохраняем, выходим, добавляем блок TX16N. Его можно найти в поиске или в разделе Текстовый блок.

Настройки для блока TX16N:

- Ширина - 6 колонок
- Отступ слева - без отступа
- Отступ снизу и сверху - не задан

Далее добавляем HTML на страницу в разделе Другое. Блок T123.

Сам скрипт:

Добро пожаловать в Tildach. Сегодня, я научу тебя делать выпадающий список аккордеон в ZeroBlock'e.
Начнем с создания ZeroBlock'a.
Нажимаем редактировать ZeroBlock.
Добавляем HTML.-4

Да ладно, расслабься я пошутил, не надо переписывать код ручками.

Держи ссылку - tildach.ru

Далее нам нужно заменить два ID. Это ZeroID и AccoRD.

Id блока можно найти, просто зайдя в настройки нужного блока и пролистав в самый низ.

Добро пожаловать в Tildach. Сегодня, я научу тебя делать выпадающий список аккордеон в ZeroBlock'e.
Начнем с создания ZeroBlock'a.
Нажимаем редактировать ZeroBlock.
Добавляем HTML.-5

Если вы сделали все правильно, то у вас должно получиться вот так:

Добро пожаловать в Tildach. Сегодня, я научу тебя делать выпадающий список аккордеон в ZeroBlock'e.
Начнем с создания ZeroBlock'a.
Нажимаем редактировать ZeroBlock.
Добавляем HTML.-6

На этом все, дальше стилизуйте блок как вашей душе угодно.

Спасибо всем, кто дочитал до конца.