Accordian Made with pure CSS and JavaScript

Community feedback

• 

  Marzia Jalili•4,570

  @MarziaJaliliPosted 3 months ago

  Happy New Year Buddy!!!

  Here are some tiny tips for a cleaner CSS and JS:

  - JavaScript:

  Use the forEach function instead of this long line dude: for (let i = 0; i < accordianQuestions.length; i++).

  You can take the code below as an example of how to use the forEach function for looping through an array:

  const accordianQuestions = document.getElementsByClassName("accordian");
  
  accordianQuestions.forEach(question => {
    question.classList.toggle();
  
    // rest of the code
  })
  

  - CSS:

  You didn't need to set a separate <div> for the bg-image.

  Simply add these lines to the body selector:

  background-image: url("path of the image");
  background-positoin: top;
  background-size: 100%;
  background-repeat: no-reapeat;
  

  Hope it clarifies some of your questions😁😁.

  1

  ---

  

  Drishti Saraf•120

  @drishti1920Posted 3 months ago

  @MarziaJalili Thankyou for your feedback. Will definitely try next time.

  0