Strange hover problem

[smallio]

I often use the following to toggle hovers with each functions. 

 

  function inOrOut() {
    tl.reversed() ? tl.play() : tl.reverse();
  }

 

Here the timeline is playing upon reloading the page & then in the wrong direction.  If I start out with the timeline as "reversed: false" it still plays the wrong scaling bigger instead of smaller. I guess it's being triggered somehow before hand & then starting in reverse? 

 

See the Pen wOdvva?editors=0010 by smallio (@smallio) on CodePen

 

 

This pen by @PointC uses the same setup & it works perfectly.  Why is mine glitching back?

 

See the Pen qyREPb by PointC (@PointC) on CodePen

 

Cheers.

See the Pen wOdvva?editors=0010 by smallio (@smallio) on CodePen

[PointC]

You have a typo on paused:

 var tl = new TimelineMax({pasued:true, reversed:false});

 

Fix that and set reversed to true and I think you'll be good to go.

 

[smallio]

2 minutes ago, PointC said:

You have a typo on paused:

 var tl = new TimelineMax({pasued:true, reversed:false});

 

Fix that and set reversed to true and I think you'll be good to go.

 

 

Thanks dude  was going a bit crazy there.

[PointC]

Happens to all of us. 

[Visual-Q]

Happens to me too much, usually ends up being a misnamed variable somewhere that causes me fits.