Что делает скрипт

Раскрывающиеся вопросы-ответы: плюсик поворачивается, высота анимируется.

Как подключить

  1. Zero Block задайте класс uc-dropdown-block.
  2. Каждому вопросу — группа с классом dropdown, внутри open-button и open-dropdown.
  3. Вставьте код в блок T123 «HTML-код» на страницу (или в «Настройки страницы» → «HTML-код для вставки внутрь head»).
  4. Опубликуйте страницу: код выполняется только на опубликованной странице.

Код

Код для вставки
<style>
.uc-dropdown-block .t396__artboard {
    height: auto !important;
    overflow: hidden !important;
}
.open-dropdown {
  transition: height 0.2s ease;
  overflow: hidden;
}

.dropdown:not(.active) .open-dropdown {
  height: 0 !important;
}

.dropdown {
    cursor: pointer;
}

.open-button {
  transition: transform 0.2s ease;
  /*transform: rotate(90deg); /* Теперь начальное положение — повернуто */
}

.dropdown.active .open-button {
  transform: rotate(180deg); /* При активации — возвращается в обычное положение */
}





</style>



<script>
  document.querySelectorAll('.dropdown').forEach(dropdown => {
    dropdown.addEventListener('click', () => {
      dropdown.classList.toggle('active');
    });
  });
</script>
тут нужно написать стили и js/css для того, чтобы отображались файлы скриптов