🛠 Accordion: Using useful JavaScript features

accordionContainer.addEventListener('click', event => {
  const accordionHeader = event.target.closest('.accordion__header')

  if (accordionHeader) {
    // Open and close accordion
  }
})

accordionContainer.addEventListener('click', event => {
  const accordionHeader = event.target.closest('.accordion__header')
  if (!accordionHeader) return

  // Open and close accordion
})

let height

if (accordion.classList.contains('is-open')) {
  height = 0
} else {
  height = accordionInner.getBoundingClientRect().height
}

const height = accordion.classList.contains('is-open')
  ? 0
  : accordionInner.getBoundingClientRect().height

accordionContent.style.height = height + 'px'

accordionContent.style.height = `${height}px`