Skip to content
Submitted about 1 month ago

Faqs response

David Sibrian•140
@armson45
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...FAQ accordion
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What challenges did you encounter, and how did you overcome them?

The only challenge I found was to show the response, first I had the html structure so wrong so my js code didn't work, I didn't find a way to make it just with css or a better way than I already have.

What specific areas of your project would you like help with?

I'm sure that this is does not have a good structure.

Community feedback

  • SATISH•150
    @satish064Posted about 1 month ago

    if you use this is your toggle minus and plus will be work use this { if (event.target.classList.contains('icon-plus')) { const $response = event.target.nextElementSibling; $response.classList.toggle('show-response'); // debugger if($response.classList.contains('show-response')) { $response.previousElementSibling.setAttribute('src', './assets/images/icon-minus.svg'); } else { $response.previousElementSibling.setAttribute('src', './assets/images/icon-plus.svg'); } } });

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord