FAQ Accordion featuring JS

Hello there, Lesley Wesley! 👋

Nice work on this challenge! 🙌 Your solution looks good and works great and kudos for trying out something new with JS! 😀

I don't really have anything to suggest but I thought I'd let you know that you can use the native HTML <details> and <summary> elements to easily create a fairly accessible accordion without having to use any JS. If you’d like to learn more about those elements and how you can use them, check out this helpful article from MDN. Maybe something to try out in a future project! 😉

Keep coding (and happy coding, too)! 😁

Good job, I would suggest putting overflow to scroll on the FAQ because it throws off the look if you have multiple questions open.

Hey, this is really good!!

The main improvements I suggest are

• using buttons as the click handlers for the faq. That way you get all the keyboard and cmscreenreader accessibility for free with no extra work
• Instead of changing inline styles via javascript, you can handle all the styling via css. I would just use js to toggle one class on the parent of the wrapper around the question on answer. You can style everything from there in css - show the answer, flip the icon, change the weight etc. You don't need to change styles on each thing individually in js, and it's better to to contain all styles to css