@madosy
Posted
You have to use unique id for your objects. All your items have #faq-question as id. I would suggest to move that to class.
Way I would change the other questions as inactive: add an eventlistener to all your questions. Upon click, remove the "active" class from all your faq-question divs and then add the active class to the one that triggered the event.
You need to have the arrow point the other way when you open a question. You could probably do this by selecting .active > img and transform y.
Marked as helpful