.thumb.jpg.45ad1f0654d8c8cd759c47599fe1796d.jpg)
refer to $(this) in a timeline
Hi there, I am integrating GSAP with fullpageJS.
for some slides, i am using the same timeline for the elements to fade in when a user gets on a new slide. This is how i set my animation
var workTitle = $(".title");
var workContent = $("p");
var content = [workTitle, workContent];
var tl2 = new TimelineLite({});
tl2.staggerTo(
content,
0.2, {
autoAlpha: 1,
opacity: 1,
ease: Power1.easeIn
},0.2);
for now the animation will r
This is selecting everything in your document that matches. That's why all your slides have played.
var workTitle = $(".title");
var workContent = $("p");
It's better to create your animations ahead of time for something like this. Using jQuery's .map() method is an easy way to create an array-like list of objects (timelines).
When a slide loads, use the index to play that animation. When a slide leaves, use the next slide index to pause the animation in its starting st
