Same tween on multiple elements in timelinelite

[ohem]

Hi, this is a pretty basic question... I'm still getting familiar with GSAP & code-based animation in general.

 

I was just wondering, if I'm doing the same tween on a few elements (for example, if a couple things are fading in at the same time), is there any difference between doing this:

tl.from("#copy4, #cta", 0.5, {autoAlpha:0}, "+=1.5");

or 

tl.from(["#copy4","#cta"], 0.5, {autoAlpha:0}, "+=1.5");

Both ways seem to work fine, but I wasn't sure if one is better/more standard than the other?  I was doing it with an array at first, but then I realized that I could probably simplify things.  Just wasn't sure if there was any reason why that might not be a good idea?

 

Thanks for any insight!  These forums are great.

[Diaco]

Hi ohem 

 

in this case , there isn't any difference .

 

you should to use array when you want to use js objects,variables,.... as tween's target .

[Jonathan]

To add to Diacos great advice!

 

If you are trying to animate the same two elements, why not just use a class selector. You would just add the same class on both of your elements #copy4 and #cta

 

Like this:

// html
<div id="copy4" class="myelements"></div>
<div id="cta" class="myelements"></div>

...

// js gsap
tl.to(".myelements", 0.5, {autoAlpha:0}, "+=1.5");

Is that what you were looking for?

 

[ohem]

Thanks, I appreciate the quick responses!