Как правильно написать обработчик кликов по одному и тому же объекту?

Question

[Сергей Бут]

К примеру есть у нас верстка блока меню, в котором есть гамбургер.
Знакомтесь, гамбургер:

Задача : по первому клику на гамбургере - появляется меню. Гамбургер остается на месте, по второму клику на этом же гамбургере - меню убирается.
Моя проблема в том, что открыть и закрыть меню получается только 1 раз. На 3-ем и последующих кликах - меню открывается и закрывается за ОДИН клик.
Очевидно, что я неправильно написал обработчик...
Мой код :

$(".hamburger").click(function () { 
      
       $(".menu").animate({width: "1%"},600,"linear").animate({height: "100vh"},400,"swing").animate({width: "25%"},400,"swing");
        
       $(".hamburger").click(function () { 
            $(".menu").animate({height: 8,width: "100%"},400,"linear");
      });
    });

Comments

[Rustam Bainazarov]

Лютый код.

Может, стоит, как и все люди, сделать переключение класса (classToggle('is-active')) на этом меню? Ну а на классы, соответственно, стили, с помощью которых будет происходить анимация.