https://matsesta.info/local/templates/main/source/js/script.js

1$(document).ready(function () {
2
3    // MENU
4    let menuToggle = function () {
5        $('.nav').toggleClass('opened');
6        $('.nav-main').slideToggle(300);
7        $('body').toggleClass('no-overflow');
8        $('.mobile_menu-shadow').fadeToggle();
9    }
10
11    $('.burger_button').click(function () {
12        menuToggle()
13    });
14    $('.mobile_menu-shadow').click(function () {
15        navSearchToggle();
16    });
17
18    // NAV SEARCH 
19    let navSearchToggle = function () {
20        $('.nav-search').toggleClass('opened').slideToggle(300);
21        $('body').toggleClass('no-overflow');
22        $('.mobile_menu-shadow').fadeToggle();
23    }
24
25    $('[data-search-open]').click(function () {
26        navSearchToggle();
27    });
28
29    $('.nav-search .ic_cross').click(function () {
30        navSearchToggle();
31    });
32
33    // FAQ
34    $('.faq_item').click(function () {
35        $(this).toggleClass('opened').find('.faq_item-content').slideToggle();
36    })
37    $('.faq_item_r .faq_item-head').click(function () {
38        if ($(this).parent().hasClass('opened')){
39            $(this).parent().removeClass('opened');
40            $('.faq_item-content').slideUp();
41        } else {
42            $(this).parent().addClass('opened');
43            $('.faq_item_r.opened .faq_item-content').slideDown();
44        }
45    })
46    $('.faq_item_cast').click(function () {
47        $(this).toggleClass('opened').find('.faq_item_cast-content').slideToggle();
48    })
49
50    // NAV
51    if ($('.header').length) {
52        $('.nav').addClass('uniq');
53    }
54    if ($('.header.green').length) {
55        $('.nav').removeClass('uniq');
56    }
57    if ($('.header.transparent').length) {
58        $('.nav').removeClass('uniq');
59    }
60    if (!$('header').length) {
61        $('.nav').addClass('without_header');
62    }
63
64    // FIXED NAV
65    if ($(this).scrollTop() > 60) {
66        $('.nav').addClass('fixed');
67    } else if ($(this).scrollTop() < 140) {
68        $('.nav').removeClass('fixed');
69    }
70    $(window).scroll(function () {
71        if ($(this).scrollTop() > 60) {
72            $('.nav').addClass('fixed');
73        } else if ($(this).scrollTop() < 140) {
74            $('.nav').removeClass('fixed');
75        }
76    });
77
78    // NAV MOBILE
79    $('.nav-menu .menu-item:has(.menu-sublist) .menu-title').click(function () {
80        if ($(document).width() < 992) {
81            $(this).parent().toggleClass('opened').find('.menu-sublist').slideToggle(300);
82        }
83    });
84
85    // info_gallery_block-slider
86    new Swiper('#info_gallery_block-slider', {
87        loop: true,
88        pagination: {
89            clickable: true,
90            el: '#info_gallery_block-pagination',
91        },
92        navigation: {
93            prevEl: '#info_gallery_block-prev',
94            nextEl: '#info_gallery_block-next',
95        },
96    });
97    new Swiper('#info_gallery_block-slider1', {
98        loop: true,
99        pagination: {
100            clickable: true,
101            el: '#info_gallery_block-pagination',
102        },
103        navigation: {
104            prevEl: '#info_gallery_block-prev',
105            nextEl: '#info_gallery_block-next',
106        },
107    });
108
109    // review-slider
110    new Swiper('#review-slider', {
111        spaceBetween: 10,
112        breakpoints: {
113            0: {
114                slidesPerView: 1.3,
115            },
116            820: {
117                slidesPerView: 2.5,
118            },
119            991: {
120                slidesPerView: 3.5,
121            }
122        },
123        navigation: {
124            prevEl: '#review-prev',
125            nextEl: '#review-next',
126        },
127    });
128
129    // five_reasons_block-slider
130    new Swiper('#five_reasons_block-slider', {
131        spaceBetween: 20,
132        breakpoints: {
133            0: {
134                slidesPerView: 1.3,
135            },
136            820: {
137                slidesPerView: 2.5,
138            },
139            1120: {
140                slidesPerView: 5,
141            }
142        },
143        navigation: {
144            prevEl: '#five_reasons_block-prev',
145            nextEl: '#five_reasons_block-next',
146        },
147    });
148
149    // complex_program_block-slider
150    if (window.innerWidth < 992) {
151        new Swiper('#complex_program_block-slider', {
152            spaceBetween: 20,
153            breakpoints: {
154                0: {
155                    slidesPerView: 1.3,
156                },
157                991: {
158                    slidesPerView: 2.5,
159                },
160            },
161            navigation: {
162                prevEl: '#complex_program_block-prev',
163                nextEl: '#complex_program_block-next',
164            },
165        });
166    }
167
168    // data-swiper-mobile
169    if (window.innerWidth > 991) {
170        $('[data-swiper-mobile]').removeClass('swiper-wrapper');
171    } else {
172        $('[data-swiper-mobile]').removeClass('list');
173    }
174
175    // afisha_events_block-slider
176    if (window.innerWidth < 992) {
177        new Swiper('#afisha_events_block-slider', {
178            spaceBetween: 20,
179            breakpoints: {
180                0: {
181                    slidesPerView: 1.3,
182                },
183                991: {
184                    slidesPerView: 2.5,
185                },
186            },
187            navigation: {
188                prevEl: '#afisha_events_block-prev',
189                nextEl: '#afisha_events_block-next',
190            },
191        });
192    }
193
194    // razmeshenie_gostey-slider
195    new Swiper('#razmeshenie_gostey-slider', {
196        spaceBetween: 20,
197        breakpoints: {
198            0: {
199                slidesPerView: 1.3,
200            },
201            991: {
202                slidesPerView: 4,
203            },
204        },
205        navigation: {
206            prevEl: '#razmeshenie_gostey-prev',
207            nextEl: '#razmeshenie_gostey-next',
208        },
209    });
210
211    // razmeshenie_gostey-slider
212    new Swiper('#istorii_gostey-slider', {
213        spaceBetween: 20,
214        breakpoints: {
215            0: {
216                slidesPerView: 1.3,
217            },
218            991: {
219                slidesPerView: 4,
220            },
221        },
222        navigation: {
223            prevEl: '#istorii_gostey-prev',
224            nextEl: '#istorii_gostey-next',
225        },
226    });
227
228    // lechenie_vosstanovlenie-slider
229    new Swiper('#lechenie_vosstanovlenie-slider', {
230        spaceBetween: 20,
231        breakpoints: {
232            0: {
233                slidesPerView: 1.3,
234            },
235            991: {
236                slidesPerView: 4,
237            },
238        },
239        navigation: {
240            prevEl: '#lechenie_vosstanovlenie-prev',
241            nextEl: '#lechenie_vosstanovlenie-next',
242        },
243    });
244
245    // profili_lecheniya-slider
246    new Swiper('#profili_lecheniya-slider', {
247        spaceBetween: 20,
248        breakpoints: {
249            0: {
250                slidesPerView: 1.3,
251            },
252            991: {
253                slidesPerView: 4,
254            },
255        },
256        navigation: {
257            prevEl: '#profili_lecheniya-prev',
258            nextEl: '#profili_lecheniya-next',
259        },
260    });
261
262    // gostyam_kurorta-slider
263    new Swiper('#gostyam_kurorta-slider', {
264        spaceBetween: 20,
265        breakpoints: {
266            0: {
267                slidesPerView: 1.3,
268            },
269            991: {
270                slidesPerView: 4,
271            },
272        },
273        navigation: {
274            prevEl: '#gostyam_kurorta-prev',
275            nextEl: '#gostyam_kurorta-next',
276        },
277    });
278
279    // vam_mozhet_podoiti-slider
280    new Swiper('#vam_mozhet_podoiti-slider', {
281        spaceBetween: 20,
282        breakpoints: {
283            0: {
284                slidesPerView: 1.3,
285            },
286            991: {
287                slidesPerView: 4,
288            },
289        },
290        navigation: {
291            prevEl: '#vam_mozhet_podoiti-prev',
292            nextEl: '#vam_mozhet_podoiti-next',
293        },
294    });
295
296    // smotrite_takzhe-slider
297    new Swiper('#smotrite_takzhe-slider', {
298        spaceBetween: 20,
299        breakpoints: {
300            0: {
301                slidesPerView: 1.3,
302            },
303            991: {
304                slidesPerView: 4,
305            },
306        },
307        navigation: {
308            prevEl: '#smotrite_takzhe-prev',
309            nextEl: '#smotrite_takzhe-next',
310        },
311    });
312
313    // solo_slider_block-slider
314    new Swiper('#solo_slider_block-slider', {
315        loop: true,
316        pagination: {
317            clickable: true,
318            el: '#solo_slider_block-pagination',
319        },
320        navigation: {
321            prevEl: '#solo_slider_block-prev',
322            nextEl: '#solo_slider_block-next',
323        },
324    });
325
326    // kartochki_phrase-slider
327    new Swiper('#kartochki_phrase-slider', {
328        spaceBetween: 20,
329        breakpoints: {
330            0: {
331                slidesPerView: 1.3,
332            },
333            991: {
334                slidesPerView: 4,
335            },
336        },
337        navigation: {
338            prevEl: '#kartochki_phrase-prev',
339            nextEl: '#kartochki_phrase-next',
340        },
341    });
342
343
344    $('a[href^="#"]').on('click', function (event) {
345        event.preventDefault(); // Отменяем стандартное действие ссылки
346
347        // Получаем целевой элемент и его позицию относительно доÐ

347ºÑƒÐ¼ÐµÐ½Ñ‚а
348        var target = $(this.hash);
349        if (target.length) {
350            // Рассчитываем смещение (например, чтобы учесть фиксированный хедер)
351            var offset = target.offset().top - 200; // 200 — высота хедера в пикселях
352
353            // Анимируем прокрутку
354            $('html, body').stop().animate({
355                scrollTop: target.offset().top - 200
356            }, 1000); // 1000 — длительность анимации в миллисекундах
357        }
358    });
359
360    $('.tabs_item-item_title').click(function (e) {
361        e.preventDefault();
362        // $(this).toggleClass('active');
363        if ($(this).parent().hasClass('active')) {
364            $('.tabs_item-item_cast').removeClass('active');
365            $('.tabs_item-item_cast .tabs_item_list').slideUp(300);
366        } else {
367            $(this).parent().addClass('active');
368            $('.tabs_item-item_cast.active .tabs_item_list').slideDown(300);
369        }
370    });
371
372
373    var swiper = new Swiper('.mySwiper', {
374        spaceBetween: 30,
375        effect: 'creative',
376        fadeEffect: {
377            crossFade: true,
378        },
379        speed: 3600, // длительность анимации в мс
380        autoplay: {
381            delay: 4500,
382            disableOnInteraction: false,
383        },
384    });
385
386
387    $(function () {
388        var stuff = ['st', 'vip', 'lk', 'pr'],
389            counter = 0;
390        var price = ['pr1', 'pr2', 'pr3', 'pr4'],
391            pric = 0;
392        console.log(price[pric]);
393
394        $('.ic_chevron_down').click(function () {
395            var add = $(this).data('id');
396            $('.' + add + '.title_cast.active').removeClass('active');
397            $('.' + add + '.price_cast.active').removeClass('active');
398            counter = (counter + 1) % stuff.length;
399            pric = (pric + 1) % price.length;
400            $('.' + add + '.' + stuff[counter]).addClass('active');
401            $('.' + add + '.' + price[pric]).addClass('active');
402            console.log(price[pric]);
403        });
404        var stufbui = ['pr', 'lk', 'vip', 'st'],
405            lid = 0;
406        var pRice = ['pr4', 'pr3', 'pr2', 'pr1'],
407            pRic = 0;
408        $('.ic_chevron_app').click(function () {
409            var dow = $(this).data('id');
410            $('.' + dow + '.title_cast.active').removeClass('active');
411            $('.' + dow + '.price_cast.active').removeClass('active');
412            lid = (lid + 1) % stufbui.length;
413            pRic = (pRic + 1) % pRice.length;
414            $('.' + dow + '.' + stufbui[lid]).addClass('active');
415            $('.' + dow + '.' + pRice[pRic]).addClass('active');
416            console.log(pRice[pRic]);
417        });
418    });
419
420
421    var block_show = null;
422    function scrollTracking(){
423        var wt = $(window).scrollTop();
424        var wh = $(window).height();
425        if ($('.five_reasons_block').length) {
426            var et = $('.five_reasons_block').offset().top;
427            var eh = $('.five_reasons_block').outerHeight();
428        }
429        if (wt + wh >= et && wt + wh - eh * 2 <= et + (wh - eh)){
430            if (block_show == null || block_show == false) {
431                $('.five_reasons_block').addClass('show');
432            }
433            block_show = true;
434        } else {
435            if (block_show == null || block_show == true) {
436            }
437            block_show = false;
438        }
439    }
440    function scrollTracking1(){
441        var wt = $(window).scrollTop();
442        var wh = $(window).height();
443        if ($('.health_block').length) {
444            var et = $('.health_block').offset().top;
445            var eh = $('.health_block').outerHeight();
446        }
447        if (wt + wh >= et && wt + wh - eh * 2 <= et + (wh - eh)){
448            if (block_show == null || block_show == false) {
449                $('.health_block').addClass('show');
450            }
451            block_show = true;
452        } else {
453            if (block_show == null || block_show == true) {
454            }
455            block_show = false;
456        }
457    }
458    function scrollTracking2(){
459        var w_top = $(window).scrollTop(); // Количество пикселей на которое была прокручена страница
460        if ($('.complex_program_block').length) {
461            var e_top = $('.complex_program_block').offset().top; // Расстояние от блока со счетчиками до верха всего доÐ

461ºÑƒÐ¼ÐµÐ½Ñ‚а
462        }
463        var w_height = $(window).height(); // Высота окна браузера
464        var d_height = $(document).height(); // Высота всего документа
465        if ($('.complex_program_block').length) {
466            var e_height = $('.complex_program_block').outerHeight(); // Полная высота блока со счетчиками
467        }
468        if (w_top + 2100 >= e_top || w_height + w_top == d_height || e_height + e_top < w_height) {
469            if (block_show == null || block_show == false) {
470                $('.complex_program_block').addClass('show');
471            }
472            block_show = true;
473        } else {
474            if (block_show == null || block_show == true) {
475            }
476            block_show = false;
477        }
478    }
479    $(window).scroll(function(){
480        scrollTracking();
481        scrollTracking1();
482        scrollTracking2();
483        // scrollTracking4();
484    });
485
486    $(document).ready(function(){
487        scrollTracking();
488        scrollTracking1();
489        scrollTracking2();
490        // scrollTracking4();
491    });
492    var im = new Inputmask("+7 (999) 999-99-99");
493    im.mask($('.mask-phone'));
494
495    var show = true;
496    if ($('.about_block-list').length) {
497        var countbox = ".about_block-list";
498    }
499    if ($('.about_block-list').length) {
500        $(window).on("scroll load resize", function () {
501            if (!show) return false; // Отменяем показ анимации, если она уже была выполнена
502            var w_top = $(window).scrollTop(); // Количество пикселей на которое была прокручена страница
503            var e_top = $(countbox).offset().top; // Расстояние от блока со счетчиками до верха всего документа
504            var w_height = $(window).height();

504 // Высота окна браузера
505            var d_height = $(document).height(); // Высота всего документа
506            var e_height = $(countbox).outerHeight(); // Полная высота блока со счетчиками
507            if (w_top + 500 >= e_top || w_height + w_top == d_height || e_height + e_top < w_height) {
508                $('.num').css('opacity', '1');
509                $('.num').spincrement({
510                    thousandSeparator: "",
511                    duration: 1200
512                });
513
514                show = false;
515            }
516        });
517    }
518});