Greensock toggle анимация не работает при нажатии

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

Вы объявили объект click, который может использовать метод click? Если нет, замените его на переменную 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; 
});