Skip to content
  • Learning paths
  • Challenges
  • Solutions
  • Articles
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted almost 4 years ago

web page of FAQs form of a responsive dropdown using HTML, CSS & JS

Lakshan•305
@M-lakshan
A solution to the FAQ accordion card challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


After a few months of practice in JS, I managed to make a responsive toggling dropdown. There are two JS files for each dropdown mode. Choose a preferred script and run the code - script1 is in if-else conditions & script2 is in functions and methods. There may be some errors or alternative ways for better functioning. I just wanted to make the dropdown part well-responsive, rather than being 100% perfect in every way. Appreciate it if you wish to share your ideas with me. Also, Feel free to change the JS scripting & use it as your own 🙂 JS code is very bulky btw.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Lakshan's solution.

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
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub