Reversing timeline with not(this) - simple demo

[smallio]

Super simple demo here to illustrate the problem.

 

Clicked white box should go to the centre of the screen & the others should fade out. Works the first time until you reverse (click top blue box) & then try to click another white box.

 

What's the best route to fix this? I feel like the problem lies within the stored variable not updating in time or holding on to the wrong info.

 

Cheers!

See the Pen EMXgWM?editors=0010 by smallio (@smallio) on CodePen

[GreenSock]

The problem is that you keep putting more and more and more tweens (of the same elements) into the same timeline at the same spots, often with conflicting values (some trying to make the opacity of an element go to 1, some trying to make the same element's opacity go to 0). I'd recommend simply calling clear() on the timeline to dump out the old animations before populating it with new ones, like this: 

 

See the Pen e3c8e364df97b34d0aa18dd697001e40?editors=0010 by GreenSock (@GreenSock) on CodePen

 

Does that help? 

 

[smallio]

3 minutes ago, GreenSock said:

The problem is that you keep putting more and more and more tweens (of the same elements) into the same timeline at the same spots, often with conflicting values (some trying to make the opacity of an element go to 1, some trying to make the same element's opacity go to 0). I'd recommend simply calling clear() on the timeline to dump out the old animations before populating it with new ones, like this: 

 

See the Pen e3c8e364df97b34d0aa18dd697001e40?editors=0010 by GreenSock (@GreenSock) on CodePen

 

Does that help? 

 

 

Superb Jack thank you so much  

 

I shall be renewing my membership once I get paid this month. This forum is honestly the best in the world.

[GreenSock]

26 minutes ago, smallio said:

I shall be renewing my membership once I get paid this month. This forum is honestly the best in the world.

 

Awesome! Thanks so much. And yeah, I'm really proud of this community; it's quite unique. 

 

Happy tweening!