const accordionComponent = document.querySelector('.accordion');
accordionComponent.addEventListener('click', (event) => {
  accordion(event);
});

function accordion() {
  const btn = event.target.closest('[accordion-trigger]');
  const expanded = btn.getAttribute('aria-expanded') === 'true';
  const target = btn.parentNode.nextElementSibling;

  btn.setAttribute('aria-expanded', !expanded);
  target.hidden = expanded;
}

const accordionComponentTwo = document.querySelector('.accordion-two');
accordionComponentTwo.addEventListener('click', (event) => {
  accordionTwo(event);
});

function accordionTwo() {
  const btn = event.target.closest('[accordion-trigger]');
  const expanded = btn.getAttribute('aria-expanded') === 'true';
  const target = btn.parentNode.nextElementSibling;

  btn.setAttribute('aria-expanded', !expanded);
  target.hidden = expanded;
}