This is a responsive acordeon component coded using only HTML, CSS and JS. I made this acordeon as an exercise for the course DevQuest by Dev em Dobro.

The project is a acordeon simulating a FAQ section. When the user clicks on a question, the answer to it appears and any other answer showing is hidden. There is a small CSS animation sliding down the answer as it appears on screen.

• Live site URL: https://julianastahelin.github.io/acordeon-js-exercise/

• HTML 5;
• CSS 3;
• JavaScript.

• Using forEach in JS to iterate;
• Using CSS keyframes for animation.
• Using CSS media queries for responsiveness.