FAQ Accordion Card | Vanilla JS, OOP | NoJS solution provided as well
Design comparison
Solution retrospective
Hi devs! I made a fully vanilla JS design building a separated Accordion class. I also provided a little switch there to toogle between the JS and the NoJS solution. Be aware that the NoJS solution is limited due to the lack of a way to track state in CSS and also due that (at least in Chrome), there is no way to animate the closing action of a <Details> html element. Everything is handmade here except for the visual implementation of the toogle button. I just grab one from materialcss and attach the functionally I was needing because it wasn't core to the challenge.
Community feedback
- @palgrammingPosted over 3 years ago
WOW!! Great results and the extra effort you put in for the CSS and JS solution really shows off your skills 🌟🌟🌟🌟🌟
1
Please log in to post a comment
Log in with GitHubJoin 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