Submitted 11 months ago

FAQ accordion using HTML and CSS only

eldmar•160

@eldmar

Preview site View code

This is a solution for...FAQ accordion

HTML
CSS
JS

1newbie

Design comparison

SolutionDesign

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!

Community feedback

Aphelion Web Development•120
@Aphelion-imPosted 11 months 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
0

Please log in to post a comment

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