issue in nesting timeline

[Sandeep]

Hello,

 

I am nesting timeline.

 

code is like:

 

 

timeLine.to(obj1,1.2,{css:{display:"block"}})

 

nestedTimeline1 = new TimelineMax({repeat:1});

 

// initially obj2 is with opacity :0

 

nestedTimeline1.append(TweenLite.to(obj2,1.4,{css:{opacity:1,left:187,bottom:108}}))

nestedTimeline1.append(TweenLite.to(obj2,.5,{css:{opacity:0}}),-.8)

 

timeLine.append(nestedTimeline1);

 

 

when i do:

timeLine.totalProgress(0);

 

my animation will start from first. But the issues is obj2 opacity will not be reset to 0.

 

i am not able to understand why this issue is coming???

 

any solution will be greatly appreciated..

[GreenSock]

It looks like the problem is that you've set up conflicting tweens. In nestedTimeline, you append a tween of obj2 that controls its opacity, and then you append another one and overlap it by 0.8 seconds and that tween ALSO controls the opacity, making it go to a completely different value. So that second tween overwrites (and kills) the first one.

 

Is there a reason you're overlapping those tweens by 0.8 seconds? If you don't overlap them, you should be fine.

[Sandeep]

Thanx for the reply.

 

The animation was like that:

the object will be hidden initially and then it will be visible later before reaching the end of animation it should again disappear.

 

Ya the reason was the given delay.. It got resolved.

 

Cheers