javascript - var に応じて回転方向を切り替える

Question

クエリのトゥイーンライト アニメーションに問題があります。変数に応じてアニメーションの方向を切り替えたい。「左」または「右」を表す変数があります。これらの値は、ユーザーがマウスをその方向にドラッグしたときに設定されます。そして、この変数に応じて正しい方向にアニメーション化されるように、アニメーションを変更する必要があります。アニメーションは基本的に div を反転します。カードフリップのように。どういうわけか動的に回転値を取得する必要があります。

助言がありますか？

var tb = false;
if (dirX == "right") {
    if (tb == false) {
        TweenLite.to($(this).find(".obj"), 1, {
            rotationY: -180,
            transformStyle: "preserve-3d",
            ease: Back.easeOut,
            onComplete: function () {
                TweenLite.set($(this).find(".obj"), {
                    rotationY: -180
                });
                tb = true;
            }
        });
    }
    if (tb == true) {
        TweenLite.to($(this).find(".obj"), 1, {
            rotationY: -360,
            transformStyle: "preserve-3d",
            ease: Back.easeOut,
            onComplete: function () {
                TweenLite.set($(this).find(".obj"), {
                    rotationY: -360
                });
                tb = false;
            }
        });
    }
}
if (dirX == "left") {
    //the opposit
}