document.addEventListener("DOMContentLoaded", () => {

  const items = document.querySelectorAll("[data-faq-item]");

  items.forEach(item => {
    const header = item.querySelector(".faq_item-header");
    const content = item.querySelector(".faq_text-wrap");

    header.addEventListener("click", () => {

      const isOpen = item.classList.contains("is-open");

      items.forEach(i => {
        i.classList.remove("is-open");
        const c = i.querySelector(".faq_text-wrap");
        c.style.height = "0px";
      });

      if (!isOpen) {
        item.classList.add("is-open");
        content.style.height = content.scrollHeight + "px";
      }

    });
  });

});