Hi, I have a question somehow related to this so i thought it's best to just ask it here rather than start a new thread all together. So i have this elements staggering to and i want when all of them are done animating, i call another stagger function with a delay on it. Below is the code that i am tring to use.
var tl = new TimelineMax({
repeat: -1
});
var tlg = new TimelineMax();
var $hovertarget = $('.mygrid_item ');
var $image = $('.featured__image img');
var $grids = $('.grid > .mygrid_item > .featured__image');
tlg.to( $('#the__loader') , 0.2, {opacity: 0, onComplete: function(){
(this.target).remove() }
})
.staggerFrom( $grids, 0.2, {opacity:0, scale: 0.4, clearProps: 'all', ease: Back.easeOut.config( 1.7)},
0.1, myfunc($image) );
function myfunc(image){
tl.staggerFrom(image, 0.2, {scale: 0, opacity: 0, ease: Back.easeOut.config( 1.7), delay: 10}, 5);
}