遅延TweenMax.toでアニメートする方法は？

Question

TweenMaxでアニメーションを作成しました。そのアニメーションは、親の幅を100％からゼロにアニメーション化します。私はお互いの隣に3つのdivがあり、それは下の画像に重なっています。今度は、それぞれのpreload divクラスが、前のクラスがトリガーされた後、数秒で開始されるようにしたいと思います。

私はsetTimeoutのようなものを試してみましたが、うまく動作しませんでした。 上記の達成方法を教えてください。

CodePen：https://codepen.io/anon/pen/aWVZXL

Answer 1

私は、スクリプトを変更しました。もしあなたがリファクタリングしてください。

$(document).ready(function() { 
var toBeAnimated; 
var currentAnimat = 0; 

$('.link').click(function() { 
    toBeAnimated = $(".preloader"); 
    console.log('lets start animation'); 
    preload(toBeAnimated[currentAnimat]); 
}); 

function preload(elem) { 
    var elem = $(elem); 
    var width = elem.outerWidth(); 
    // Tween out preload div 
    TweenMax.to(elem, 1.4, { 
     width: 0, 
     right: 0, 
     onComplete: function() { 
      elem.remove(); 
      currentAnimat++; 
      if(currentAnimat >= toBeAnimated.length) { 
       console.log('Animation done'); 
      } else { 
       preload(toBeAnimated[currentAnimat]); 
      } 
     } 
    }); 
} 

}）;