Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

FAQ Accordion Card

Matias 70

@Matblv

Desktop design screenshot for the FAQ accordion card coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi everyone, i hope you can tell me about other solutions and corrections for my project

Community feedback

Jordan 40

@Memphis-X

Posted

Not bad Matias...good job.

1

Matias 70

@Matblv

Posted

@Memphis-X Thanks Jordan

0
Josh 560

@jkellerman

Posted

Well done! Looks good, just one suggestion.

When you open all tabs, it pushes them down and then you can't see the bottom one anymore. To avoid this you could close all other tabs when the selected one is open.

0

Matias 70

@Matblv

Posted

@jkellerman Yeah i tried but i can't do it i don't know how to do that

0
Josh 560

@jkellerman

Posted

@Matblv What you will need to do is give the tab that has been clicked a class that indicates it is active. So set up a click event that does something like tab.classlist.toggle("active").

Then you will need to loop through the other tabs and remove "active". E.g tab.classlist.remove("active").

Hope that helps.

1
Matias 70

@Matblv

Posted

@jkellerman thanks for your comment

0

Please log in to post a comment

Log in with GitHub
Discord logo

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