I'd like this animation to run once on each item

[stancillous]

Hey guys. quick question

I have a span which when clicked will call a function that will create a div and append it to the body

i also have an animation for the created div but I want it to apply only once  when a div is created, unlike what is happening. Every time i click the span, the animation applies to the new created div as well as the other present divs.

 

can anyone kindly help

See the Pen KKQLRyM by stanceray (@stanceray) on CodePen

[mvaneijgen]

Hi @stancillous welcome to the forum! That looks like a fun animation!

 

Instead of targeting the class of the `div` within GSAP, just target the div you create in the `const div`

 

See the Pen qBxGYeL?editors=0010 by mvaneijgen (@mvaneijgen) on CodePen

[stancillous]

hi @mvaneijgen , that worked  . I appreciate.