Submitted 11 months ago

faq accordion card using basic html&css with js

Jon Henrik Åvitsland• 190

@jonhenrikaavitsland

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

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

@Arman001

Posted 11 months 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

Jon Henrik Åvitsland• 190

@jonhenrikaavitsland

Posted 11 months 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.

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