Skip to content
Submitted about 1 year ago

faq accordion card using basic html&css with js

Jon Henrik Åvitsland•190
@jonhenrikaavitsland
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

As I am rendering my questions and answers via javascript I notice that the hover effects stops working after the heading has been clicked. If anyone has any tips on why that is, I would love to get some feedback.

Community feedback

  • Muhammad Saad•280
    @Arman001Posted about 1 year ago

    Hi!

    It is great work. If you want the hover effect on the question answer both then you can wrap them in a div and put hover effect on that. Otherwise on question it is working fine.

    Regards

    Saad

    0
    Jon Henrik Åvitsland•190
    @jonhenrikaavitslandPosted about 1 year ago

    @Arman001 Hi, thanks for your feedback. It is much apreciated. If you click a question to view the answer, the hover effect stops working.

    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