const accordionHeaders = document.querySelectorAll(".accordion-header");
accordionHeaders.forEach((accordionHeader) => {
  accordionHeader.addEventListener("click", () => {
    accordionHeader.classList.toggle("active");
    accordionHeader.setAttribute(
      "aria-expanded",
      accordionHeader.classList.contains("active"),
    );

    const accordionBody = accordionHeader.nextElementSibling;
    accordionBody.style.maxHeight = accordionHeader.classList.contains("active")
      ? `${accordionBody.scrollHeight}px`
      : null;
  });
});