Accordion using HTML CSS and JavaScript

Community feedback

• 

  Abdul•8,540

  @SamadeenPosted over 2 years ago

  Hey!! Cheers 🥂 on completing this challenge.. .

  Here are my suggestions..

  • You should use <main class="container"> instead of <div class="container">.
  • You can wrap your attribution section in a footer tag to avoid accessibility issues.

  This should fix most of your accessibility issues

  . Regardless you did amazing... hope you find this useful... Happy coding!!!

  Marked as helpful

  1
• 

  Fazza Razaq Amiarso•2,340

  @fazzaamiarsoPosted over 2 years ago

  Hello Dipu! Nice work!

  Here is my solution to your question.

  for (const items of faq) {
      items.addEventListener('click', function () {
  		faq.forEach(item => {
  			item.classList.remove('activate')
  		}) // close all accordion
          items.classList.add('activate') // open the clicked accordion
      })
  }
  

  I hope it helps! Goodluck!

  1