Submitted over 2 years ago

a responsive FAQ accordion card with Flex and a little JS

Kellen Ruyle• 930

@rule-kells

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

Hello community! Please provide feedback and/or criticism. I am just learning JavaScript and feel like I could have written my code more simple and elegant. So, feel free to share on how you would have written the code and if you have any resources on learning JS as well. It's something I definitely want to get better at.

thanks in advance! Kell

Community feedback

Alex Li• 400

@awexli

Posted over 2 years ago

Hi Kellen, your JS reads well as-is! Here's my go at it: https://gist.github.com/awexli/193d5d6ca441ee5f8f56d9be7ac900c1

As for JS resources:

Wes Bos has some great Javascript notes/references: https://wesbos.com/javascript
He also has some free courses like "Javascript 30": https://javascript30.com/

Marked as helpful

Kellen Ruyle• 930

@rule-kells

Posted over 2 years ago

@awexli hello Alex! I like your solution. It looks much cleaner than mine. And thanks so much for your suggestions, I have actually heard of great things about Wes Bos and his courses, so planning on diving into them soon! Thanks again!

Jesus Hurtado• 190

@Chuyto70

Posted over 2 years ago

Amazing solution, i was trying to get something like that but without js is hard

Kellen Ruyle• 930

@rule-kells

Posted over 2 years ago

@Chuyto70 Thanks! It took me forever LOL. I was getting super frustrated but kept going.

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