All comments

• 

  Driss Bouadoud•100

  @DrissssirDSubmitted 11 months ago

  I couldn't make the clock and eth sections inline any solutions please? a nice feedback would be great!

  

  HTML, CSS

  2

  40
  

  ogundiran damilola•210

  @Ogshabzy23101Posted 11 months ago

  i will suggest you put the 2 component into a div, then style the div to display flex, flex direction row, justify content space between. hope this is helpfull please rate my comment thanks

  2
• 

  P

  giovanigomez1•310

  @giovanigomez1Submitted 11 months ago

  I used Html, Css and Javascript but not sure if the Html semantic structure is correct, also the user is able to open all answers at once but is it better to allow them to open a single answer at time instead? Any feedback is very welcome.

  

  FAQ Accordion using Html, Css and Javascript

  1

  20
  

  ogundiran damilola•210

  @Ogshabzy23101Posted 11 months ago

  i will suggest you add eventlistener to each button and target the granparent element of each button, then toggle the class list of hidden. then also check under the button event listener if each granparent equals to the current granparent, if it does then remove the hidden class

  const quesContainer = document.querySelectorAll('.ques-container')

  const btns = document.querySelectorAll('.btn')

  btns.forEach(function (btn) {

  btn.addEventListener('click', function (e) {

  const question = e.currentTarget.parentElement.parentElement

  quesContainer.forEach(function (newQuestion) { if (newQuestion !== question) { newQuestion.classList.remove('show-text')

  } })

  question.classList.toggle('show-text')

  })

  })

  i hope the is helpful, please rate my suggestion. thanks

  Marked as helpful

  0