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

FAQ Accordian Using HTML CSS and JS

Ray 430

@ray-mak

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


Why is there a slight delay when I contract the menu?

Community feedback

@jackchealdang

Posted

This is great, thanks for inspiration on the smooth animations with just CSS! And I like the way you are using :after and keeping JavaScript so simple. I am going to modify my own based on yours.

And as for why there's a delay: it's because your max-height is set too high, so I think it tries to transition from that max-height to 0, causing the delay. Try setting it lower and that should help!

Marked as helpful

0

Ray 430

@ray-mak

Posted

@jackchealdang That worked, good catch! Thanks a lot!

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