https://wilgood.ru/local/templates/generator/assets/js/home-page.js

1addEventListener("DOMContentLoaded", (event) => {
2
3	const faqBlockItems = document.querySelectorAll('.faqBlock-item')
4	for(let faqBlockItem of faqBlockItems) {
5		if(faqBlockItem) {
6			faqBlockItem.addEventListener('click', function (){
7				faqBlockItem.classList.toggle('opened');
8			})
9
10		}
11	}
12
13	const servicesSliderSwiper = document.querySelector('.services-slider')
14	if (servicesSliderSwiper) {
15		new Swiper(servicesSliderSwiper, {
16			slidesPerView: 'auto',
17			arrows: false,
18			spaceBetween: 20,
19			breakpoints: {
20				// when window width is >= 480px
21				768: {
22					slidesPerView: 2,
23					spaceBetween: 40,
24				},
25				// when window width is >= 640px
26				1060: {
27					slidesPerView:4,
28					spaceBetween: 20,
29				}
30			},
31			navigation: {
32				nextEl: document.querySelector('.services-slider .swiper-navigation .swiper-button-next'),
33				prevEl: document.querySelector('.services-slider .swiper-navigation .swiper-button-prev')
34			},
35			pagination: {
36				el: document.querySelector('.services-slider .swiper-navigation .swiper-pagination'),
37				type: 'bullets',
38				clickable: true
39			},
40		})
41	}
42
43	const reviewsSliderSwiper = document.querySelector('.reviews-slider')
44	if (reviewsSliderSwiper) {
45		new Swiper(reviewsSliderSwiper, {
46			slidesPerView: 2,
47			arrows: false,
48			spaceBetween: 10,
49			breakpoints: {
50				// when window width is >= 480px
51				768: {
52					slidesPerView: 2,
53					spaceBetween: 40,
54				},
55				// when window width is >= 640px
56				1060: {
57					slidesPerView: 4,
58					spaceBetween: 30,
59				}
60			},
61			navigation: {
62				nextEl: document.querySelector('.reviews .swiper-navigation .swiper-button-next'),
63				prevEl: document.querySelector('.reviews .swiper-navigation .swiper-button-prev')
64			},
65		})
66	}
67
68	const nearTriggers = document.querySelectorAll('.nearRightTop-button')
69	if (nearTriggers) {
70		for (let nearTrigger of nearTriggers) {
71			nearTrigger.addEventListener('click', function (event) {
72				if(nearTrigger.classList.contains('active')) return false
73				const activeTab = document.querySelector('.nearRightTop-button.active')
74				if(activeTab) {
75					activeTab.classList.remove('active')
76				}
77				nearTrigger.classList.add('active')
78
79				const activeContent = document.querySelector('.nearRight-bottom.active')
80				if(activeContent) {
81					activeContent.classList.remove('active')
82				}
83				const newActiveContent = document.querySelector('.nearRight-bottom[data-variant="'+ nearTrigger.dataset.variant +'"]')
84				if(newActiveContent) {
85					newActiveContent.classList.add('active')
86				}
87			})
88		}
89
90	}
91
92
93
94	console.log('home page loaded')
95
96})