Делаем выпадающий список "аккордеон" в ZeroBlock Tilda

<script>
document.addEventListener('DOMContentLoaded', function() {

  function updateArtboardHeight(trigger) {
    const artboard = trigger.closest('.t396__artboard');
    if (artboard && artboard.getAttribute('data-artboard-heightmode') === 'hug') {
      if (typeof t396__updateAutoHeight === 'function') {
        t396__updateAutoHeight(artboard);
      }
    }
  }
  const accordElements = document.querySelectorAll('[class*="uc-accord-zero-"]');

  accordElements.forEach(function(element) {
    const classList = Array.from(element.classList);
    const accordClass = classList.find(cls => cls.startsWith('uc-accord-zero-'));

    if (accordClass) {
      const suffix = accordClass.replace('uc-accord-zero-', '');

      const targetSelector = `.accord-zero-${suffix} .tn-atom`;
      const target = document.querySelector(targetSelector);

      if (target) {
        target.innerHTML = '';
        target.appendChild(element);
      } else {
        console.warn(`Не найден целевой элемент: ${targetSelector}`);
      }
    }
  });

  document.addEventListener('click', function(e) {
    const button = e.target.closest('button[class*="trigger-button"]');
    if (!button) return;

    const accordWrapper = button.closest('[class*="uc-accord-zero-"]');
    if (!accordWrapper) return;

    updateArtboardHeight(accordWrapper);
    setTimeout(() => updateArtboardHeight(accordWrapper), 300);
  });
});
</script>


<style>
[class*="uc-accord-zero"] .t-col {
    margin: 0;
    max-width: none;
}
[class*="uc-accord-zero"] {
    background-color: transparent !important;
}
@media screen and (max-width: 960px) {
[class*="uc-accord-zero"] .t-col {
        padding-left: 0;
        padding-right: 0;       
    }
}    
</style>