Skip to content
Submitted 7 months ago

FAQ Accordion v2

accessibility
Shivangam Soni•1,090
@ShivangamSoni
A solution to the FAQ accordion challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

I made it accessible & animated the opening/closing state of the accordions.

What challenges did you encounter, and how did you overcome them?
  1. One of the challenges was to have two different images (+ & -) for the open & close state. My solution was to load both images with separate classes & change their visibility based on the accordions state
  2. The opening & closing animation that I wanted to add. I utilized the animate method to achieve that.
What specific areas of your project would you like help with?

I would like help with the animation part, how can I make it more smooth & better looking?

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Shivangam Soni'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