Отличный вопрос! Это очень частая задача, и ваш текущий скрипт можно легко доработать, чтобы он поддерживал вложенные аккордеоны. Проблема вашего текущего подхода заключается в двух вещах: Жесткая привязка к одной "литере" (liter = 'a'). Скрипт обрабатывает только одну группу аккордеонов (группу "a"). Расчет высоты. Скрипт рассчитывает высоту скрытых блоков (setRecHeight) один раз при загрузке страницы. Когда внешний аккордеон закрыт, внутренний блок физически не имеет высоты, поэтому скрипт присваивает ему height: 0px, и он никогда не сможет открыться. Решение — сделать универсальный скрипт, который: Автоматически находит все группы аккордеонов (с литерой 'a', 'b', 'c' и т.д.). Пересчитывает высоту скрытых блоков каждый раз, когда открывается какой-либо аккордеон. Это позволит "увидеть" высоту внутреннего аккордеона после открытия внешнего. Готовое решение: Универсальный скрипт для вложенных аккордеонов Вот улучшенная версия вашего кода. Просто полностью замените ваш старый код в HTML-блоке на этот. Шаг 1: Замените код в вашем HTML-блоке (T123) Скопируйте и вставьте этот код целиком. Он включает в себя и Шаг 2: Как этим пользоваться (структура блоков в Tilda) Теперь самое главное — правильно задать классы блокам. Принцип простой: внешний и внутренний аккордеоны должны принадлежать к разным группам (иметь разные "литеры"). Пример структуры: ВНЕШНИЙ АККОРДЕОН (Группа "a") Блок 1 (Заголовок/триггер внешнего аккордеона): Элементу, по которому кликают (кнопка, текст, иконка): задайте CSS Class Name accord. Самому блоку (например, Zero Block): задайте BLOCK CSS CLASS NAME uc-accord-a-1. Блок 2 (Скрытый контент внешнего аккордеона): Этому блоку (например, Zero Block, где будет текст и внутренний аккордеон): задайте BLOCK CSS CLASS NAME uc-accord-a-1. ВНУТРЕННИЙ АККОРДЕОН (Группа "b") Блок 3 (Заголовок/триггер внутреннего аккордеона): Этот блок должен находиться внутри "Блока 2". Элементу, по которому кликают: задайте CSS Class Name accord. Самому блоку: задайте BLOCK CSS CLASS NAME uc-accord-b-1. Блок 4 (Скрытый контент внутреннего аккордеона): Этот блок также находится внутри "Блока 2". Самому блоку: задайте BLOCK CSS CLASS NAME uc-accord-b-1. Визуально это выглядит так: Generated code Страница │ ├── Блок 1 (Заголовок, класс uc-accord-a-1) │ └── Элемент (кнопка, класс accord) │ ├── Блок 2 (Контент, класс uc-accord-a-1) │ │ │ ├── Блок 3 (Внутренний заголовок, класс uc-accord-b-1) │ │ └── Элемент (кнопка, класс accord) │ │ │ └── Блок 4 (Внутренний контент, класс uc-accord-b-1) │ └── Другие блоки на странице... IGNORE_WHEN_COPYING_START content_copy download Use code with caution. IGNORE_WHEN_COPYING_END Если вам нужен еще один внешний аккордеон на этой же странице, используйте uc-accord-a-2. Если внутри него нужен еще один вложенный, используйте для него группу c (uc-accord-c-1). Главное — чтобы литера родительского и дочернего аккордеона не совпадали. Этот новый скрипт автоматически обработает все группы и корректно рассчитает высоты даже для вложенных элементов.