Время настройки: 2 минуты

Показ/скрытие блоков по кнопкам

Показывает и скрывает один или несколько блоков по клику на заданные кнопки и позволяет сделать эффект «разворачивания» контента.

Инструкция по установке

Cкопируйте код ниже и вставьте его внутрь <head> в настройках сайта

Этот скрипт устанавливается только один раз и помогает модификациям работать. Если он уже стоит у вас на сайте, добавлять его снова не нужно, просто пропустите этот шаг.

<script src="https://cdn.postnikovmd.com/tilda@1.5/mods.min.js"></script>

Задайте блокам, которые должны раскрываться/скрываться по клику, класс .uc-more

В одной секции с таким классом может быть несколько блоков — как стандартных, так и Zero. Если вы планируете использовать на странице несколько раскрывающихся секций, задайте им разные названия классов, например, .uc-more1, .uc-more2 и т. д.
Как задать класс элементам?
Определите, где будут находиться кнопки управления

Кнопки могут располагаться по-разному. Если кнопки находятся в отдельных блоках, то при переключении состояния скрываться/показываться будет весь блок, в котором находится кнопка. Такие блоки лучше размещать после разворачиваемых блоков.

Если кнопки управления находятся в одном блоке, то при переключении будут скрываться именно отдельные элементы, а не весь блок. Оба варианта корректны — выбирайте подходящий под верстку.
Присвойте кнопкам управления ссылки и укажите их в настройках модификации

Для кнопок «Показать» подойдёт любая ссылка вида #show, для кнопок «Скрыть» — #hide. Для нескольких секций ссылки следует задавать по-разному, например #show1, #hide1, #show2, #hide2 и т. д.

Кнопку скрытия можно не использовать совсем — тогда соответствующий параметр в настройках модификации нужно оставить пустым.
Задайте в настройках модификации класс секции и её параметры
Скопируйте код и вставьте его в блок T123 в конец страницы

Как это сделано?

<!--more.js Кнопка «Показать больше» в Zero-блоке. https://postnikovmd.com/mods/more-->
<script>more.init('.uc-more', { show: '#more', hide: '#less' })</script>

Открыть пример

Настройки модификации

Класс раскрывающихся блоков

Скорость и тип переходов:

Ссылка для кнопок раскрытия/скрытия

Вместо классов можно также задать ID блоков через запятую, например: #rec00000001, #rec00000002

<!--more.js Кнопка «Показать больше» в Zero-блоке. https://postnikovmd.com/mods/more-->
<script>more.init(".uc-more")</script>

Скопировать код

Особенности

Работает с любыми блоками

Модификация поддерживает как Zero, так и стандартные блоки
Поддерживает несколько блоков

Скрывать и показывать можно целую связку блоков с одним классом
Работает с автоскейлом

Мод работает корректно как с масштабированием, так и без него