Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

run TimlineMax with click li

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hi @milika!


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

Link to comment
Share on other sites

hi @Dipscom

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

Link to comment
Share on other sites

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:


  • Like 1
Link to comment
Share on other sites

tnx @Dipscom

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

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.