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);
                        }
                  );

Reply via email to