Animation starts only once

[Freedzz 0 Likes (Newbie)]

Hey folks,

 

i'm complete new at Javascript and Greensock. I wrote a code, that rotates a div. It should rotate everytime when i click on it. But it rotates only once and never again. Can you tell me, what i'm doing wrong? Is there a better way with timelines, or any better method?

 

var click;
window.onload = function(){
var box2 = document.getElementById("header");


box2.click = function(){
if(click != 0){
TweenLite.set(wrapper, {perspective:200});
TweenMax.to(box2, 1, {rotationY:180, transformOrigin:"50% 600"});
click = 0;
}else if (click == 0){
TweenLite.set(wrapper, {perspective:200});
TweenMax.to(box2, 1, {rotationY:180, transformOrigin:"600"});
click = 1;
}



}

}

[Rodrigo 5,089 Likes (Superhero)]

Hi

 

Basically you're using the same angle in both instances, 180 degrees.

 

If you correct that it should work.

 

Rodrigo.

[Freedzz 0 Likes (Newbie)]

Hi,

 

thank you very much. It works.

 

Freedzz