Почему onclick в jQuery срабатывает несколько раз вместо одного?

Question

[Worddoc]

Вешаю на кнопку обработчик клика, но при нажатии на кнопку второй раз (закрытие меню), он вызывается еще раз. Причем кол-во повторных вызовов хаотично. Я могу два раза нажать и два раза дополнительно вызовется обработчик. Либо один раз дополнительно. Нет логики. Обработчик вешаю один раз при загрузке страницы. Как избежать повторных вызов?

menuActive() {
    $('.menu__wrapper__menu').on('click', function() {
      $(this).toggleClass('menu-active');
      $('.content-wrapper').toggleClass('move-right');
      $('aside.sidebar-menu').toggleClass('sidebar-menu-active');
      $('.menu__wrapper').toggleClass('menu-hover move-right');
      $('.lang__wrapper').toggleClass('menu-hover move-right');
    })
  }

Answer 1

[Vitaliy Jakim]

В Вашем случае необходимо использовать конструкцию, которая вызывается через .one

$('.menu__wrapper__menu').one('click', function() {

Вот ссылка на официальный источник, и на рассмотренный пример Надеюсь этот вариант решения сможет Вам в будущем помочь.