Submitted about 1 year ago

FAQ accordion card using detail and summary tags in HTML5

Andrea Recuyo• 70

@andrearecuyo

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

FAQ accordion card

HTML
CSS
JS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

I used <detail> and <summary> elements to create an accordion-like behavior to show/hide the answer to each question.

Community feedback

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