How to show and hide content in website .

By using accordion show (and hide) HTML content in website.

Following Javascript used :

const catalogFilterToggle = document.querySelectorAll(".accordion__top");

catalogFilterToggle.forEach((el) => {
  el.addEventListener("click", (e) => {
    e.currentTarget
      .closest(".accordion")
      .classList.toggle("accordion--open");
  });
});