Hello Jamie,
I much appreciate your answer on this and understand what you mean so in essence the full code looks like this:
$("<div class='fly'>foo</div>").prependTo("body");
var tl = new TimelineLite();
var fly = $('.fly');
tl.to(fly, 3, {className:"flyaway", right:"632px"})
.to(fly, 2, {className:"flybye"}, 1)
.to(fly, 2, {className:"dead"});
What I wanted to ask since I am completely new to Javascript/jquery/GSAP is more of how the cache object is being referenced when it is being applied. From a non-technical perspective it seems as if it will inherit the next class and hold that as 'fly' and then apply the next class and cache that has 'fly' also. This is just an assumption but is this more or less to what is actually happening with the object?
bromel
bromel's post in Tweening from one class to another (Timelinelite) was marked as the answer