How to use onComplete method to tweak previously defined animation property

[Yashi]

Hi i hope this is a simple one, and the question is how we can use onComplete method to tweak previous define animation property. i tried onCompleteParams but i didn't get that clearly. so if anyone can explain it bit more clearly it would be great .... 

 

eg:

TweenMax.to($item, 1, {
    height: '0 %' ,
    display:'block',
    onComplete: function() {
         // i want to tweak display:'block' property to display:'none'
         TweenMax.to($line, .5, {
         drawSVG: "0%",
         immediateRender: false
    });
}
});

[Diaco]

Hi Yashi 

 

Pls try like this : 

TweenMax.to(myDiv,2,{x:200,y:200,onComplete:function(){  TweenMax.set(this.target,{x:0}) } });

or

TweenMax.to(myDiv,2,{x:200,y:200,onComplete:function(){  TweenMax.set(this.target,{clearProps:'x'}) } });

[Yashi]

Thank @Diaco, you saved me.... thank you very much and it worked.. !!!! :)