FAQ Accordion | HTML, CSS transitions & JavaScript toggle

Solution retrospective
I'm proud I managed to complete the project and get everything working. Next time, I’d like to focus more on improving the HTML structure and making it more semantic and accessible from the start.
What challenges did you encounter, and how did you overcome them?I ran into some tricky issues with the collapse animation. The content would expand smoothly but collapse instantly. After some digging I found a helpful answer on Stack Overflow that explained how to work around it using cubic-bezier
and it worked very well.
I also had trouble adding proper separation lines between questions without breaking the layout. It took a bit of trial and error, but I eventually found a solution that looks decent, even if it’s not perfect yet.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Eldamian0'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