Submitted over 1 year ago

FAQ accordion using HTML and CSS only

eldmar•160

@eldmar

A solution to the FAQ accordion challenge

Preview Code

Solution retrospective

I tried to make an interactive without JS;
I also tried using CSS nesting (may not work in some browsers);
I didn't find a solution how to animate hidden block appearance;

Feedback is very welcome!

Code

Please log in to post a comment

Community feedback

Aphelion Web Development•120
@Aphelion-im
Posted over 1 year ago
Perhaps you can find the content panel expand and collapse animation in my solution (In the script.js file):
- Responsive FAQ Accordion with smooth opening content panels

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