testMK/script.js at main · kupchic/testMK · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
$('.deal-slider').slick({
  slidesToShow: 1,
  prevArrow: '.prev-btn_deal-slider',
  nextArrow: '.next-btn_deal-slider',

});
$('.hero-slider').slick({
  slidesToShow: 1,
  prevArrow: '.prev-btn_hero-slider',
  nextArrow: '.next-btn_hero-slider',
  speed: 400,
});

$('.partners-slider').slick({
  slidesToShow: 2,
  slidesToScroll: 2,
  prevArrow: '.prev-btn_partners-slider',
  nextArrow: '.next-btn_partners-slider',
  dots: true,
  dotsClass: 'pagination-wrp',
  // adaptiveHeight: true,
  speed: 400,
  responsive: [{
    breakpoint: 770,
    settings: {
      adaptiveHeight: true,
      slidesToShow: 1,
      slidesToScroll: 1,
      //

    }
  },
    {
      breakpoint: 400,
      settings: {
        adaptiveHeight: true,
      slidesToShow: 1,
      slidesToScroll: 1,
        prevArrow: false,
        nextArrow: false,
      },
    }
  ]
});

const sideMenuWrapper = document.querySelector('.mobile-menu-wrp');
const sideMenu = document.querySelector('.mobile-menu');
const menuButton = document.getElementById('menu-btn');


menuButton.addEventListener('click', () => {
  menuButton.classList.add('menu-button__active');
  document.getElementsByTagName('html')[0].classList.toggle('overfl');
  if (menuButton.className.includes('menu-button__active')) {
    sideMenuWrapper.style.display = 'block';
    sideMenuWrapper.style.backgroundColor = "rgba(0, 0, 0, 0.5)";
    setTimeout(function () {
      sideMenu.style.transform = 'translateX(-300px)';
    }, 10);
    window.addEventListener('click', () => {
      let target = event.target;
      if (target.className === 'mobile-menu-wrp' || target.className === 'site-logo') {
        sideMenu.style.transform = 'translateX(0px)';
        sideMenuWrapper.style.backgroundColor = "rgba(0, 0, 0, 0)";
        setTimeout(function () {
          sideMenuWrapper.style.display = 'none';
        }, 500);
        menuButton.classList.remove('menu-button__active');
        document.getElementsByTagName('html')[0].classList.remove('overfl');
      }
    });
  }
});