Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

HTML, Tailwindcss,vue,typescript and javascript

@Abolade017

Desktop design screenshot for the FAQ accordion coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

I am proud of using little time to complete the project.

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

I faced challenges on the plus and minus button to show the answer because initially i declared a variable boolean type to switch the button from plus to minus to show the answer but because i used v-for for rendered the questions once i clicked on the plus button all the answers show. I was able to overcome this challenge by adding another property to the faqs object rendered with v-for and the the value to false and used the value in the iteration with v-if and v-else directives.

Community feedback

@Codacad

Posted

it is not working properly. check it.

0

@Abolade017

Posted

@Codacad it works when an enter key is press but i have changed the event to onclick event and i have updated it. its now working fine

0

@Codacad

Posted

@Abolade017 nice.. well done

0

Please log in to post a comment

Log in with GitHub
Discord logo

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