Greensock 토글 애니메이션이 작동하지 않음

Question

var MenuButton= $('.menu-button'); 

var clicked = false; 
click.click(function() { 

    if(clicked){ 
     TweenMax.to(menu-button, 1, {left: '100%', ease:Bounce.easeOut}); 
    }else{ 
     TweenMax.to(menu-button, 1, {left: '0%', ease:Bounce.easeOut}); 
    } 
    clicked = !clicked; 
}); 

나는 메뉴 버튼 (div 클래스)이 있습니다. 클릭하면 버튼이 왼쪽으로 움직입니다. 나는 무엇이 잘못하고 있는지 전혀 모른다. MenuButton으로 메뉴 버튼을 대체하려고했습니다. 임씨는 jquery에 익숙해 져서 Greensock과 함께 토글하는 방법에 대해 혼란스러워했습니다.

여기서 문제가 있습니까?

Answer 1

클릭 방법을 사용할 수있는 클릭 개체를 선언하셨습니까? 그렇지 않은 경우 이전에 선언 된 MenuButton 변수로 대체하십시오 (이미 jQuery 객체 임). 단 하나의 버튼 만 애니메이션으로 만들려면 대신 "this"를 사용하십시오. 아래 코드가 작동해야합니다.

var MenuButton= $('.menu-button'); 
var clicked = false; 
MenuButton.click(function() { 
    if(clicked){ 
     TweenMax.to(this, 1, {left: '100%', ease:Bounce.easeOut}); 
    }else{ 
     TweenMax.to(this, 1, {left: '0%', ease:Bounce.easeOut}); 
    } 
    clicked = !clicked; 
});