Fade out all elements of a timeline then pause

[Jan]

Hi,

 

i wounder how to fade all elements in a timeline. I can't introduce a new extra container - which would be easy to fad - cause of several zIndexes used for the elements.

 

Can someone give me a hint?

 

Jan

[Carl]

Your best bet is to add all those elements to an array (manually) and use that array as the target for your tween.

 

Timelines aren't directly aware of which items are the targets of their nested tweens.

Keep in mind that timelines also have nested timelines which have their own tweens with their own targets. 

 

You could use getChildren() http://api.greensock.com/js/com/greensock/TimelineLite.html#getChildren()

 

To find all the tweens/timelines inside a timeline and then loop through all those objects and look for the nested tweens and then manually push those targets into an array, but that would be quite a bit of work and you would have to recursively loop through nested timelines and possibly loop through all the tween targets that are also arrays of targets too. 

 

If it sounds complicated, that's because it is

 

I don't know how your items are structured in the DOM, but there might be a way to use jQuery to select those elements for you.