GSAP animation will only fire on the first instance

[SWALKER]

I am trying to do a simple animation of an image sliding in when an accordion is clicked

 

I found a similar example and have done my best to edit it. The first panel works exactly how I want, but no other panels do, even if they are the first one opened on page load and I can't see the error.

Any help greatly appreciated

See the Pen vYjMOYw by shereewalker (@shereewalker) on CodePen

[alig01]

Hey,

 

while looking over it, I noticed that I couldn't find your class names anywhere. After adjusting them, the animation worked as intended.

let groups = gsap.utils.toArray(".accordion-wrap");
let headers = gsap.utils.toArray(".acc_title");

Good look

 

 

 

[SWALKER]

Oh wow you're right.

Maybe because I used the same classes twice?

Thank you so much! I never would have got that, I assumed it was an error elsewhere

 

You're a star - Thank you!