https://merasalon.in/assets/js/script.js

1/********************
2header
3********************/
4$(".header .header__bars").on('click', function () {
5
6    var selector = $(".header .header__nav")
7
8    if (selector.hasClass('shown')) {
9        selector.css('right', "100%");
10        selector.removeClass('shown');
11    } else {
12        selector.css('right', "0");
13        selector.addClass('shown');
14    }
15});
16
17$(".header .header__nav span").on('click', function () {
18
19    var selector = $(".header .header__nav")
20
21    if (selector.hasClass('shown')) {
22        selector.css('right', "100%");
23        selector.removeClass('shown');
24    } else {
25        selector.css('right', "0");
26        selector.addClass('shown');
27    }
28});
29
30$(document).on('click', 'a[href^="#"]', function (event) {
31    event.preventDefault();
32    let elementId = $(event.target).attr('href');
33    if (elementId == '#') return;
34
35    $('html, body').animate({
36        scrollTop: $($.attr(this, 'href')).offset().top
37    }, 1000, 'swing');
38});
39
40$(window).on('scroll', () => {
41    if ($(window).scrollTop() > 50) {
42        $('.header-1').addClass('fixed');
43    } else {
44        $('.header-1').removeClass('fixed');
45    }
46});
47
48$(window).on('scroll', () => {
49    if ($(window).scrollTop() > 0) {
50        $('.header-2').addClass('fixed');
51    } else {
52        $('.header-2').removeClass('fixed');
53    }
54});
55
56/********************
57testimonial
58********************/
59$(".testimonial__wrapper").on('mouseover click', (e) => {
60    if ($(e.target).is('img')) {
61        let parentElement = $(e.target).parent().parent();
62        //console.log(parentElement);
63        parentElement.addClass('active');
64        if (parentElement.siblings().hasClass('active')) {
65            parentElement.siblings().removeClass('active');
66        }
67    }
68});
69
70/********************
71clients slider
72********************/
73var clients = new Swiper('.clients-slider', {
74    loop: true,
75    autoplay: true,
76    slidesPerView: 1,
77    breakpoints: {
78        991.98: {
79            slidesPerView: 3,
80        },
81        768: {
82            slidesPerView: 2,
83        }
84    }
85});
86
87/********************
88screenshot slider
89********************/
90var screenshot = new Swiper('.screenshot-slider', {
91    loop: true,
92    slidesPerView: 4.75,
93    centeredSlides: true,
94    spaceBetween: 30,
95    navigation: {
96        nextEl: '.screenshot-nav-next',
97        prevEl: '.screenshot-nav-prev',
98    },
99    breakpoints: {
100        0: {
101            slidesPerView: 1,
102        },
103        991.98: {
104            slidesPerView: 2.75,
105        },
106        1200: {
107            slidesPerView: 3.25,
108        },
109        1350: {
110            slidesPerView: 3.5,
111        },
112        1600: {
113            slidesPerView: 3.90,
114        },
115        1800: {
116            slidesPerView: 4.75,
117        }
118    }
119});
120
121/********************
122related post slider
123********************/
124var related_post = new Swiper('.blog_related-slider', {
125    loop: true,
126    slidesPerView: 2,
127    navigation: {
128        nextEl: '.related-post-nav .screenshot-nav-next',
129        prevEl: '.related-post-nav .screenshot-nav-prev',
130    },
131    spaceBetween: 30,
132    breakpoints: {
133        0: {
134            slidesPerView: 1
135        },
136        991.98: {
137            slidesPerView: 2
138        }
139    }
140});
141
142/********************
143accordion
144********************/
145$('.card').on('hide.bs.collapse', function (e) {
146    var parentId = $(e.target).parent().attr('id');
147    $(`#${parentId} > .card-header > h5`).addClass('hidden');
148});
149
150$('.card').on('show.bs.collapse', function (e) {
151    var parentId = $(e.target).parent().attr('id');
152    $(`#${parentId} > .card-header > h5`).removeClass('hidden');
153});
154
155/********************
156blog
157********************/
158$('.category__dropdown').on('click', (e) => {
159    if (($(e.target).parents().hasClass('category__dropdown')) && !($('.category__dropdown-box').hasClass('shown'))) {
160        $('.category__dropdown-box').addClass('shown');
161    } else if (($(e.target).parents().hasClass('category__dropdown-info')) && ($('.category__dropdown-box').hasClass('shown'))) {
162        $('.category__dropdown-box').removeClass('shown');
163    }
164});
165$('.date__dropdown').on('click', (e) => {
166    if (($(e.target).parents().hasClass('date__dropdown')) && !($('.date__dropdown-box').hasClass('shown'))) {
167        $('.date__dropdown-box').addClass('shown');
168    } else if (($(e.target).parents().hasClass('date__dropdown-info')) && ($('.date__dropdown-box').hasClass('shown'))) {
169        $('.date__dropdown-box').removeClass('shown');
170    }
171});
172
173$(window).on('click', (e) => {
174    if (!($(e.target).parents().hasClass('category__dropdown'))) {
175        $('.category__dropdown-box').removeClass('shown');
176    }
177    if (!($(e.target).parents().hasClass('date__dropdown'))) {
178        $('.date__dropdown-box').removeClass('shown');
179    }
180});
181
182
183$('.nav__dropdown-info').on('click', (e) => {
184    let parentId = $(e.target).closest('li').attr('id');
185    $(`#${parentId} > .nav__dropdown-box`).toggleClass('shown');
186});
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247