Skip to content
Submitted about 3 years ago

FAQ Accordion Card without using JavaScript

Mohamed ELIDRISSI•455
@elidrissidev
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...FAQ accordion card
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Technically I did use JavaScript but It was only to make sure only one answer is expanded and not for the accordion itself. I would love some feedback on what I can improve.

Community feedback

  • Mel•225
    @Mel1207Posted about 3 years ago

    Everything looks good in all screen size, I think you can add a smooth transition on collapsing accordion for better ux approach. Overall its amazing nice work! 😃

    1
    Mohamed ELIDRISSI•455
    @elidrissidevPosted about 3 years ago

    @Mel1207 Thank you! Since I'm using the \<details\> and \<summary\> elements for the accordion, the downside is they can't be animated, but since I had just learned about them, I couldn't resist using them 😅

    0

Please log in to post a comment

Log in with GitHub

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