Play each tweenLite after click

Question

I have 4 tweeens using tweenLite, what I want is for the first to play then when the user click the mouse the seconds, then click the mouse again the third then fourth.

these are my tweens:

TweenLite.to(page1ani1,1,{y:135});
TweenLite.to(page1ani2, 1, {x:39});
TweenLite.to(page1ani3, 1, {y:390});
TweenLite.to(page1ani4, 1, {y:460});

I have tryed on stage click like this:

numPressed = 0;
stage.addEventListener(MouseEvent.CLICK, numberseq, false, 0, true);
function numberseq(e:MouseEvent):void {
        numPressed++;
}

TweenLite.to(page1ani1,1,{y:135});

if(numPressed == 1) {
    TweenLite.to(page1ani2, 1, {x:39});
}
if(numPressed == 2) {
    TweenLite.to(page1ani3, 1, {y:390});
}
if(numPressed == 3) {
    TweenLite.to(page1ani4, 1, {y:460});
}

but to no avail.

Any help greatly appreciated.

Ian

Answer 1

Modify your numberseq() like so,

function numberseq(e:MouseEvent):void {
    numPressed++;

      if(numPressed == 1) {
          TweenLite.to(page1ani2, 1, {x:39});
      }else
      if(numPressed == 2) {
        TweenLite.to(page1ani3, 1, {y:390});
      }else
      if(numPressed == 3) {
         TweenLite.to(page1ani4, 1, {y:460});
      }
 }