Skip to content
Submitted over 2 years ago

FAQ Accordion Card

Iva Beriashvili•140
@ivaberiashvili
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

I'd love to hear the method you used to make accordion work in JS. I think I made it fairly simple, but there will sure be better ways. Happy Coding!

Community feedback

  • Mohamed Metwally•50
    @mmetwally0Posted over 2 years ago

    Loved it! Great work!!

    0
    Iva Beriashvili•140
    @ivaberiashviliPosted over 2 years ago

    @mmetwally0 Thank you Monamed!

    0
  • Iva Beriashvili•140
    @ivaberiashviliPosted over 2 years ago

    OK, I realized I needed to open the second answer-box by default. I did that and the page loads just like that. However the screenshot is still not correct. Does any of you have the idea why this might be happening? Is it something to do with timing (for example the screenshot is taken before the active is applied to the answer-box) or is there something else I can do about it? thank you.

    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