Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 1 year ago

HTML, Tailwindcss,vue,typescript and javascript

django, typescript, vue, tailwind-css
Adeola Tawakaltu Adenike•250
@Abolade017
A solution to the FAQ accordion challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

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.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Adeola Tawakaltu Adenike's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License