All comments

• 

  Adam Alberty• 105

  @AdamAlberty

  Submitted about 3 years ago

  How should I implement faq expanding differently? I think that my solution is really messy.

  

  FAQ Accordion made using SASS, mobile first and JS.

  1

  2

  0

  

  Juan Pujol• 70

  @joanpujol

  Posted about 3 years ago

  First of all, great-looking solution!

  On the JS side, one way to simplify your code would be to use a click listener for each item that toggles an active class for that item.

  faqItems.forEach(item => {
      item.addEventListener("click", () => {
         item.classList.toggle("active");
      });
   }); 
  

  I hope it helps.

  1

  This comment has received 2 repliesShow