Skip to content
Submitted over 3 years ago

Responsive mobile-first accordion-card using Html, CSS and Javascript.

Adeola Bamigboye•280
@deeola
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

My answers doesn't shoot down at one click sometimes. I don't know how to fix that. I'd appreciate any correction.

Community feedback

  • Sigma•240
    @TrashAlphonsePosted over 3 years ago

    Hi, I think the problem is connected with event target. Open: When I click the text of the question, e.target is h6 and event doesn't fire. When I click some other place of the questionBox - e.target is questionBox as intended. Close: To close the answer I need to click any of questionBox's child elements (h6, p or img)

    Hope this'll be of some help :)

    0
    Adeola Bamigboye•280
    @deeolaPosted over 3 years ago

    @TrashAlphonse Yeah, Thank you so much. I'll check them out. i really appreciate.

    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