src/wolnelektury/static/2021/scripts/main.js

   1 // JS Menu
   2 (function () {
   3   let button = $('.js-menu');
   4   let menu = $('.l-navigation__menu');
   5   let menuLinks = menu.find('a');
   6
   7   button.on('click', function() {
   8     if(!$(this).hasClass('is-active')) {
   9       $(this).addClass('is-active');
  10       menu.addClass('is-open');
  11       button.find('.bar').addClass('animate');
  12       menuLinks.attr('tabindex', 0);
  13     } else {
  14       $(this).removeClass('is-active');
  15       menu.removeClass('is-open');
  16       button.find('.bar').removeClass('animate');
  17       menuLinks.attr('tabindex', -1);
  18     }
  19   });
  20
  21   $(document).keyup(function(e) {
  22     if (e.keyCode === 27) {
  23       button.removeClass('is-active');
  24       menu.removeClass('is-open');
  25       button.find('.bar').removeClass('animate');
  26       menuLinks.attr('tabindex', -1);
  27     }
  28   });
  29 })();