pause(0) not resetting all properties

[kitepwr]

Hey guys,  this one's got me stumped.  I have a timeline that starts by making an element visible.  When pause(0).clear() is run, the element is still visible.  Why?  And, how do I make it go back to it's previous state -- i.e. not visible?  The codePen shows an example. 

 

Thanks,

Darrin

 

P.S. I'm breaking my own rule by asking 2 questions in 2 weeks in a forum.  Apologies for that.

See the Pen JrrrWK by kitepwr (@kitepwr) on CodePen

[OSUblake]

It still has inline styles for that, which you can clear using clearProps.

 

See the Pen jGGaRB?editors=0010 by osublake (@osublake) on CodePen

 

[kitepwr]

Yep, that works and is the kind of thing I was looking for.  Thanks!

 

But.... is there a way to accomplish that without the explicit reference (to #t1) in clearTL()?

In my code, clearTL() can be called after any of 100 different page animations. 

Some will need a clearProps for specific (and varying) fields; others will not. 

The best I've come up with thus far is to use something like ...
 

in run() --> tl.data = {clearProps: <array of elements>};

in clearTL() --> if (tl.data.clearProps) TweenList.set(tl.data.clearProps,{clearProps: "all"});

 

Is it ok to use .data like this? 

Is there another/better way to do this?

[OSUblake]

Using data is fine. That's what it's there for.

 

If you have a bunch of different states, maybe you could do something like this.

 

See the Pen MEERdz?editors=0010 by osublake (@osublake) on CodePen

 

[kitepwr]

Nice Blake,  I will implement this tonight and then consider this presentation app complete.  Just 1 day ahead of my deadline. LOL

There is much about it that is very, very crude.  But other parts are pretty cool.  GSAP has been a huge part of it.  Many thanks to everyone at Greensock.

 

Darrin