irma-website/_includes/block-faq-1.html

<section class="block block-faq-1">
  <div class="container">
    <div class="columns">
      <div class="column">
        {% for faq_item in section.faq_items %}
        <button class="collapsible">{{ faq_item.question }}</button>
          <div class="content faq-item">
            <p>{{ faq_item.answer }}</p>
          </div>
        {% endfor %}
      </div>        
    </div>
  </div>
</section>

<script>
  let coll = document.getElementsByClassName("collapsible");
  let i;
  
  for (i = 0; i < coll.length; i++) {
    coll[i].addEventListener("click", function() {
      this.classList.toggle("open");
      let content = this.nextElementSibling;
      if (content.style.display === "block") {
        content.style.display = "none";
      } else {
        content.style.display = "block";
      }
    });
  }
  </script>