FAQ Accordion Card

Hey everyone!

This is my first challenge using javascript and I struggled a lot with making accordions collapse on click before finally making it work. I would like to improve some things though -

1. I have made it such that one accordion will always remain uncollapsed, otherwise the background pattern breaks (and it also looks nice with one accordion open). But there seems to be a little bug. When you click on an accordion that is already open, it plays a ping-pong like animation. I want it to be still and do nothing. How can I achieve this? I tried using if statements but it didn't work.

2. On desktop mode, how to cut-off the portion that is out of the container? I used overflow: hidden but it also cuts-off the box on top of it, which didn't look good.

Any feedback is appreciated. Thank you!