Toggle ease with fromTo?

[derp]

hey,

 

I have a fromTo animation with an "Elastic.easeOut" which looks great on play(), but terrible on the reverse(). I was wondering if it is possible to toggle this?

 

I'm trying to find something to target, so something like below would be ideal. That is, unless there is a better approach to this?

 

ease: function(){
 if ( tree.reversed() ) {
  return "Power2.easeOut";
 } else {
  return "Elastic.easeOut";
 }
}

Thanks!

 

Mark

[derp]

Sorry, I have come across the updateTo function, but its saying the function is not recognised or maybe I'm using it completely wrong. I'm using easepack, css plugin, drawSVG, morphSVG, timelinemax and tweenmax.

 

var tree = new TimelineMax( { paused: true } );
tree.fromTo($( "#right_tree" ), 0.6, { 
  scaleX:"0%", 
  scaleY:"0%",
  x: 20, 
  y: 70
 },{ 
  scaleX:"1%", 
  scaleY:"1%", 
  x: 0, 
  y: 0,
  ease: Elastic.easeOut
 }, "-=0.1");

tree.updateTo( $( "#right_tree" ), {}, { ease:Power2.easeOut } );

[PointC]

Hi derp ,

 

I think this post can help you: http://greensock.com/forums/topic/8040-change-easing-for-timeline-reverse/

 

Rodrigo also has this pen showing it in action: 

See the Pen yqCea by rhernando (@rhernando) on CodePen

 

I hope this helps.

[PointC]

Here's another pen from Carl doing the same thing you need.

 

See the Pen wBVPaz?editors=001 by GreenSock (@GreenSock) on CodePen