Having trouble restarting TimelineMax on button click

[Faaiz]

Hi, so with the help of you guys, I was able to create something, but I'm still stuck on one small thing, I can't seem to restart the animation when clicked by a button, after clicking the second button, when the first button is clicked(in the pen), the animation just slows down, and text overlaps each other, any help would be really appreciated, thanks again!

See the Pen VGOYjb by goprime (@goprime) on CodePen

[PointC]

I'm not really sure what should be happening here, but you're creating your timeline every time you click the section 1 button. This is causing overwrites and everything will look funky. I think you meant to make the master a global variable and restart it on click. Please make these changes to the end of your code.

 

$('#btn1').click(function(){
  $('#c2').css('display','none');
  $('#c1').css('display','block');
 master.restart();
});

we3dxAnimation();

 

Happy tweening.

[mikel]

Hi @Faaiz,

For fun of the joy ...

 

See the Pen yRYPeR by mikeK (@mikeK) on CodePen

 

And if it should be called by buttons:

 

See the Pen qJbjgZ by mikeK (@mikeK) on CodePen

 

Happy tweening ...

Mikel

 

 

[Carl]

nice work, mikel! Solves the problem with very little code. The design is cool too!