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 })();
  30
  31 // Ebook/Audiobook Btns
  32 (function() {
  33   let button = $('.c-media__btn button');
  34   let closeButton = $('.c-media__popup__close');
  35
  36   button.on('click', function () {
  37     let target = $(this).attr('id');
  38     $('[data-popup=' + target).addClass('is-open');
  39   });
  40
  41   closeButton.on('click', function() {
  42     $(this).closest('.c-media__popup').removeClass('is-open');
  43   });
  44
  45   $(document).keyup(function(e) {
  46     if (e.keyCode === 27) {
  47       $('.c-media__popup').removeClass('is-open');
  48     }
  49   });
  50 })();