Accordion card HTML, CSS and JS

Community feedback

• 

  nmorajda•945

  @nmorajdaPosted over 3 years ago

  How to collapse any other 'active' toggles when I click another question?

  Something like that:

  const toggles = document.querySelectorAll('.toggle');
  
  function collapseAll() {
    toggles.forEach(toggle => toggle.parentNode.classList.remove('active'));
  }
  
  toggles.forEach(toggle => {
    toggle.addEventListener('click', () => {
      collapseAll();
      toggle.parentNode.classList.toggle('active');
    });
  });
  

  1

  ---

  

  Hyunji Kim•155

  @creativehkimPosted over 3 years ago

  @nmorajda thanks for the comment! I will definitely try this code and update it! Happy coding :)

  0