website-risg/templates/app.js

document.addEventListener('DOMContentLoaded', function() {
  toggleSummary();
});

function toggleSummary() {
  const openBtns = document.querySelectorAll('.open-js');
  const closeBtns = document.querySelectorAll('.close-js');
  const detailElements = document.querySelectorAll('details');

  openBtns.forEach(function(openBtn) {
    openBtn.addEventListener('click', function(){
      detailElements.forEach((detail) =>  detail.setAttribute("open", ""));
    });
  });

  closeBtns.forEach(function(closeBtn) {
    closeBtn.addEventListener('click', function(){
      detailElements.forEach((detail) =>  detail.removeAttribute("open", ""));
    });
  });
}