I have the following code:
It's working great, basically taking an element I have and chaining
the height.
this.fx[c].element.get('tween', {property: 'height', duration: 0,
wait: false}).start(this.fx[c].element.getSize().y+'px').chain(
function(){
f.fx[c].options.duration = 0;
f.fx[c].options.wait = false;
f.fx[c].toElement(b);
f.fx[c].element.get('tween', {property: 'height',
duration: 1000, wait: false}).start(b.getSize().y +'px');
}
);
Well, what I am trying to accomplish is add an opacity change. I've
tried this, but can't get it to work. Do I need multiple chains? or
am I missing something?
this.fx[c].element.get('tween', {property: 'height', duration: 0,
wait: false}).start(this.fx[c].element.getSize().y+'px').chain(
function(){
f.fx[c].element.get('tween', {property: 'opacity',
duration: 1000, wait: false}).start(0);
f.fx[c].options.duration = 0;
f.fx[c].options.wait = false;
f.fx[c].toElement(b);
f.fx[c].element.get('tween', {property: 'height',
duration: 1000, wait: false}).start(b.getSize().y +'px');
f.fx[c].element.get('tween', {property: 'opacity',
duration: 1000, wait: false}).start(1);
}
);