[Repeat / seek label]

My timeline looks like this:

 

.addLabel('one')

  .to(move something)

  .to(move something else)

.addLabel('two')

  .to(move something)

  .to(move it back to original position)

  .addPause('+=1', function() { depending on the value of a var repeat label 'one' or 'two' } )

 

What should I use for the last part? When I use .seek('two') it jumps to .addPause(). How do I repeat everything under label 'two'?

 

[TimelineLite: from height:0 to height:auto doesn't work properly]

Thanks for the great explanation! Is there any advantage in using TweenLite.set() vs JS .style or Jquery css()?

[TimelineLite: from height:0 to height:auto doesn't work properly]

I'm having problems with TimelineLite and animating height:0 to height:auto. When I click the button multiple times, sometimes it sets height to 'auto' instead of reversing the timeline to height:0. So for example I get this result:

 

Expand = true: height = auto

Expand = false: height = 0

Expand = true: height = auto

Expand = false: height = auto << wrong, should be 0

Expand = true: height = auto

Expand = false: height = 0

 

What's wrong with my code?

See the Pen gGwEPv by anon (@anon) on CodePen

[Tween, pause and reverse with different speed]

Hi,

 

Sure: 

See the Pen vgXYoq by anon (@anon) on CodePen

 

I want to set a fixed number of seconds on the reverse() action. Any ideas to make the code better are also appreciated.

 

Thanks for your help!

[Tween, pause and reverse with different speed]

I want to tween opacity from 0 to 1 in 20 seconds, stop it at for example 11.5 seconds and then reverse it in 2 seconds. What would be the best way to do that? I tried to tween to opacity 1, pause() and tween to opacity 0 in 2 seconds, but opacity goes below 0. Would it be better to use reverse? And when I use reverse, how can I set a fixed duration, since timeScale() doesn't work because of pause().