run TimlineMax with click li

[milika 1 Likes (Newbie)]

please Teach me how to  Write TimeLine instead of TweenMax

in codepen

 

tnx.

See the Pen xqqyaE by PointC (@PointC) on CodePen

[Dipscom 2,815 Likes (Superhero)]

Hi @milika!

 

I am not sure what is wrong with your code? Why would you want to use TimeLine instead of a Tween?

[milika 1 Likes (Newbie)]

hi @Dipscom

Because I want to influence a few <Div> at the same time

[Dipscom 2,815 Likes (Superhero)]

Ok, well, not sure what you have in mind but, for you to use a Timeline instead of a Tween is as simple as: 

 

buttons.click(function() { 
  var i = $(this).index(".but");
  var tl = new TimelineLite();
  
  tl.to(".box", 1, {autoAlpha:0}); 
  tl.to(boxes[i], 1, {autoAlpha:1}); 
});

 

I was having a chat with someone else just the other day about something that might be related. Why don't you have a look, might be worth it:

 

[milika 1 Likes (Newbie)]

tnx @Dipscom

The code sample was excellent.
I want to add the Time Line Code to codepen. To learn better