https://kultura.by/local/templates/ru_kultura/js/script.js

1//спойлер в главном меню
2$(document).ready(function(){
3  $('.nav-arrow').on('click', function(e) {
4    e.preventDefault();
5      if($('.nav-menu').hasClass('one')){
6          $('.nav-arrow').not($(this)).removeClass('active');
7          $('.dropdown-menu').not($(this).next()).slideUp(300);
8      }
9      $(this).toggleClass('active').next().slideToggle(300);
10  });
11
12  /*меню по клику*/
13  $('.dropdown .nav-menu__title').on('click', function(e) {
14    e.preventDefault();
15      if($('.nav-menu').hasClass('one')){
16          $('.dropdown .nav-menu__title').not($(this)).removeClass('active');
17          $('.dropdown-menu').not($(this).next()).slideUp(400);
18      }
19      $(this).toggleClass('active').next().slideToggle(400);
20  });
21
22 
23//бургер
24$('.hamburger-menu').on('click touchstart', function(e) {
25  e.preventDefault();
26  $('.bar').toggleClass('animate');
27  $('.nav-menu').toggleClass('nav-menu-active');
28})
29
30  //появление контактов по клику
31  $('.contacts-show').on('click touchstart', function(e) {
32    e.preventDefault();
33    $(this).toggleClass('active').next().slideToggle(300);
34  });
35   //появление строки поиска по клику
36   $('.add-search').on('click touchstart', function(e) {
37    e.preventDefault();
38    $(this).toggleClass('active').next().slideToggle(300);
39  });
40
41//Кнопка Историческая справка
42  $(".spravka-toggle").on('click touchstart', function(e) {
43    e.preventDefault();
44    $(".spravka-wrapper").toggleClass('active'); });
45  
46//спойлер для биографии руководства
47$('.spojler').click(function(event){
48if($('.news-lenta').hasClass('one')){
49    $('.spojler').not($(this)).removeClass('active');
50    $('.hidden-text').not($(this).next()).slideUp(400);
51}
52$(this).toggleClass('active').next().slideToggle(400);
53
54});
55
56
57});
58
59
60
61
62 
63
64/*slick slider main first*/
65$(document).ready(function(){
66//Бегущая строка
67$('.running-stroke__slider').slick({
68      arrows: false,
69      dots: false,
70      fade: false,
71      slidesToScroll: 1,
72       slidesToShow: 1,
73      speed: 1000,
74      easing: 'ease',
75      infinite: true,
76      autoplay: true,
77      autoplaySpeed: 6000,
78      pauseOnDotsHover: true,
79      pauseOnFocus: true,
80      pauseOnHover: true,
81      vertical:true,
82      verticalSwiping:true,
83    //  waitForAnimate:false,
84     
85  });
86
87 //Вериткальная карусель слева
88 $('.left-carousel ').slick({
89  arrows: false,
90  dots: true,
91  slidesToShow: 4,
92  slidesToScroll: 1,
93  speed: 1000,
94  easing: 'ease',
95  infinite: true,
96  autoplay: true,
97  autoplaySpeed: 5000,
98  pauseOnDotsHover: true,
99  pauseOnFocus: true,
100  pauseOnHover: true,
101  vertical: true,
102  verticalSwiping:true,
103  draggable: true,
104 // waitForAnimate:false,
105  responsive:[
106    {
107      breakpoint:993,
108      settings:{
109        slidesToShow: 4,
110        vertical: false,
111        verticalSwiping:false,
112       // centerMode: true,
113
114      }
115
116    }, 
117    {
118      breakpoint:768,
119      settings:{
120        slidesToShow: 3,
121        vertical: false,
122        verticalSwiping:false,
123
124      }
125
126    },
127    {
128      breakpoint:576,
129      settings:{
130        slidesToShow: 2,
131        vertical: false,
132        verticalSwiping:false,
133
134      }
135
136    },
137    {
138      breakpoint:350,
139      settings:{
140        slidesToShow: 1,
141        vertical: false,
142        verticalSwiping:false,
143
144      }
145
146    },
147   
148  ]
149
150});
151 //Вериткальная карусель справа
152 $('.right-carousel ').slick({
153  arrows: false,
154  dots: false,
155  slidesToShow: 5,
156  slidesToScroll: 1,
157  speed: 1000,
158  easing: 'ease',
159  infinite: false,
160  autoplay: false,
161  autoplaySpeed: 5000,
162  pauseOnDotsHover: true,
163  pauseOnFocus: true,
164  pauseOnHover: true,
165  vertical: true,
166  verticalSwiping:true,
167//  draggable: true,
168  centerMode: false,
169 responsive:[
170    {
171      breakpoint:1130,
172      settings:{
173        slidesToShow: 5,
174        vertical: false,
175        verticalSwiping:false,
176      // centerMode: true,
177        
178
179      }
180
181    }, 
182    
183   {
184      breakpoint:992,
185      settings:{
186        slidesToShow: 4,
187        vertical: false,
188        verticalSwiping:false,
189       // centerMode: true,
190      
191      
192
193      }
194
195    },
196    {
197      breakpoint:767,
198      settings:{
199        slidesToShow: 3,
200        vertical: false,
201        verticalSwiping:false,
202     //   centerMode: true,
203
204      }
205
206    },
207    {
208      breakpoint:576,
209      settings:{
210        slidesToShow: 2,
211        vertical: false,
212        verticalSwiping:false,
213       // centerMode: true,
214
215      }
216
217    },
218   
219  ]
220
221});
222
223  $('.resourses-banners-carousel').slick({
224      arrows: true,
225      dots: false,
226      slidesToShow: 5,
227      slidesToScroll: 1,
228      speed: 1000,
229      easing: 'ease',
230      infinite: true,
231      autoplay: true,
232      autoplaySpeed: 5000,
233      pauseOnDotsHover: true,
234      variableWidth: true,
235      pauseOnFocus: true,
236      pauseOnHover: true,
237      draggable: true,
238    //  waitForAnimate:false,
239      prevArrow: $('.resourses-arrow.left'),
240      nextArrow: $('.resourses-arrow.right'),
241      responsive:[
242        {
243          breakpoint:1320,
244          settings:{
245            slidesToShow: 4
246
247          }
248
249        }, 
250        {
251          breakpoint:992,
252          settings:{
253            slidesToShow: 3,
254     
255          }
256
257        },
258        {
259          breakpoint:768,
260          settings:{
261            slidesToShow: 2,
262
263          }
264
265        },
266        {
267          breakpoint:576,
268          settings:{
269            slidesToShow: 1,
270
271          }
272
273        },
274        {
275          breakpoint:340,
276          settings:{

277            arrows: false,
278
279          }
280
281        }
282
283      ]
284  });
285//Слуцкий пояс
286$('.spravka-slider').slick({
287arrows: true,
288dots: false,
289fade: false,
290slidesToScroll: 1,
291 slidesToShow: 1,
292speed: 1000,
293easing: 'ease',
294infinite: true,
295autoplay: true,
296autoplaySpeed: 8000,
297pauseOnDotsHover: true,
298pauseOnFocus: true,
299pauseOnHover: true,
300prevArrow: $('.spravka-arrow.left'),
301nextArrow: $('.spravka-arrow.right'),
302
303});    
304 
305});
306
307
308
309//скролл для прокручивания вверх
310$(function() {
311// при нажатии на кнопку scrollup
312$('.scrollUp').click(function() {
313  // переместиться в верхнюю часть страницы
314  $("html, body").animate({
315    scrollTop:0
316  },1000);
317})
318})
319// при прокрутке окна (window)
320$(window).scroll(function() {
321// если пользователь прокрутил страницу более чем на 200px
322if ($(this).scrollTop()>200) {
323  // то сделать кнопку scrollup видимой
324  $('.scrollUp').fadeIn();
325}
326// иначе скрыть кнопку scrollup
327else {
328  $('.scrollUp').fadeOut();
329}
330});
331
332//По клику выключение/включение звука

333/*$('.mute').click(function(){
334var volume = $(this);
335volume.toggleClass('on');
336if (volume.is('.on')) $('#intro-video').prop("volume", 1);
337else $('#intro-video').prop("volume", 0);
338});*/
339 
340function mute(btn,elem){
341var video = document.getElementById(elem);
342btn.classList.toggle("mute-off")
343if (video.muted){
344  video.muted = false;
345/*  btn.innerHTML = "Mute";*/
346} else{
347  video.muted = true;
348/*  btn.innerHTML = "Sound";*/
349}
350}
351//активный пункт меню
352/*$(function() {
353$('.menu-sidebar [href]').each(function() {
354  if (this.href == window.location.href) {
355    $(this).addClass('active-location');
356  }
357});
358});*/
359
360/*для многоуровнего меню*/
361/*$('.menu-sidebar a').each(function() {
362if ( (window.location.pathname.indexOf( $(this).attr('href') ) ) > -1) {
363  $(this).addClass('active-location');
364}
365});*/
366
367
368
369/* const currentLocation = location.href;
370const menuItem = document.querySelectorAll('.sidebar-menu__item');
371const menuLenght = menuItem.length
372for (let i = 0; i<menuLenght; i++) {
373  if (menuItem[i].href === currentLocation) {
374      menuItem[i].className = "activeSidebar sidebar-menu__item";
375  }
376}*/
377
378// poster frame click event
379$(document).on('click','.js-videoPoster',function(ev) {
380ev.preventDefault();
381var $poster = $(this);
382var $wrapper = $poster.closest('.js-videoWrapper');
383videoPlay($wrapper);
384});
385
386// play the targeted video (and hide the poster frame)
387function videoPlay($wrapper) {
388var $iframe = $wrapper.find('.js-videoIframe');
389var src = $iframe.data('src');
390// hide poster
391$wrapper.addClass('videoWrapperActive');
392// add iframe src in, starting the video
393$iframe.attr('src',src);
394}
395
396// stop the targeted/all videos (and re-instate the poster frames)
397function videoStop($wrapper) {
398// if we're stopping all videos on page
399if (!$wrapper) {
400  var $wrapper = $('.js-videoWrapper');
401  var $iframe = $('.js-videoIframe');
402// if we're stopping a particular video
403} else {
404  var $iframe = $wrapper.find('.js-videoIframe');
405}
406// reveal poster
407$wrapper.removeClass('videoWrapperActive');
408// remove youtube link, stopping the video from playing in the background
409$iframe.attr('src','');
410}