jQuery Событие toggle () не работает в magento 2

Question

Я использую событие jQuery toggle (), чтобы изменить стиль при переключении поля ввода. Мой проект разработан в Magento 2. Но функция не работает должным образом. Событие запускается при первом щелчке, но при втором щелчке ничего не происходит. Событие будет запущено снова при третьем щелчке. Таким образом, проблема заключается в том, что событие инициируется только при альтернативных щелчках.

<script>
  require([
    'jquery',
    'accordion'
  ], function($) {
    jQuery('.control').toggle(function() {
      console.log(1);

      jQuery('.hfb-header').css('margin-bottom', '80px');
    }, function() {
      console.log(2);

      jQuery('.hfb-header').css('margin-bottom', '20px');
    });

  });
</script>

Ожидаемый результат:

1-й щелчок: поле margin-bottom для класса hfb-header должно быть изменено до 80px

2-й щелчок: нижнее поле для hfb-заголовка класса должно быть изменено на 20px

3-е нажатие: нижнее поле для hfb-заголовка класса должно быть изменено на 80px

Фактический результат:

1-й клик: нижнее поле для заголовка класса hfb изменено на 80px

2-й клик: без изменений

3-й клик : нижнее поле для класса hfb-header изменено на 20px