https://dentalclinicdelhi.com/wp-content/themes/smiledentalclinic/js/theme.js

1jQuery.event.special.touchstart = {
2    setup: function (_, ns, handle) {
3        if (ns.includes("noPreventDefault")) {
4            this.addEventListener("touchstart", handle, {
5                passive: false
6            });
7        } else {
8            this.addEventListener("touchstart", handle, {
9                passive: true
10            });
11        }
12    }
13};
14jQuery(function ($) {
15    /*screen width*/
16    var screenWidth = $(window).innerWidth();
17    $(document).ready(function () {
18        $('.hamburger-box').click(function () {
19            $(this).toggleClass('open');
20            $('#nav').toggleClass('open');
21        });
22        $('.main-nav li a').click(function () {
23            $('.hamburger-box').toggleClass('open');
24            $('#nav').toggleClass('open');
25        });
26        
27        if (screenWidth <= 1023) {
28            $('<i class="fa fa-plus"></i>').insertAfter(".main-nav .menu > li.menu-item-has-children > a");
29            $('.main-nav .menu > li.menu-item-has-children > .fa').click(function () {
30                $(this).toggleClass('fa-plus fa-minus'); /*$(this).next('.sub-menu').toggle(100);*/
31                $(this).parent('li').toggleClass('active');
32            });
33        } /*add or remove class on scroll*/
34        if (screenWidth >= 768) {
35            var header = $("#header");
36            $(window).scroll(function () {
37                var scroll = $(window).scrollTop();
38                if (scroll >= 300) {
39                    header.addClass("sticky");
40                } else {
41                    header.removeClass("sticky");
42                }
43            });
44        }
45        if (screenWidth >= 768) {}
46        if (screenWidth <= 767) {
47            $(window).scroll(function () {
48                if ($(this).scrollTop() > 400) {
49                    $('#mobile-footer').fadeIn();
50                } else {
51                    $('#mobile-footer').fadeOut();
52                }
53            });
54        }
55                
56    }); /*end document.ready()*/
57});
58jQuery(document).ready(function () {
59    
60    jQuery('#read-more-btn').click(function(){        
61        jQuery('#read-more-content').slideToggle(500);
62    });
63    
64    // Get the button and content elements
65/*    var readMoreBtn = document.getElementById('read-more-btn');
66    var readMoreContent = document.getElementById('read-more-content');
67
68    // Add click event listener to the button
69    readMoreBtn.addEventListener('click', function() {
70        // Toggle the 'visible' class to show or hide the content
71        if (readMoreContent.style.display === "none" || readMoreContent.style.display === "") {
72            readMoreContent.style.display = "block";
73            readMoreContent.style.maxHeight = readMoreContent.scrollHeight + "px";
74        } else {
75            readMoreContent.style.maxHeight = "0";
76            setTimeout(function() {
77                readMoreContent.style.display = "none";
78            }, 500); // Match the duration of the max-height transition
79        }
80    });*/
81    
82    jQuery('.home-slider').owlCarousel({
83        autoplay: true,
84        loop: true,
85        margin: 0,
86        nav: false,
87        dots: false,
88        dotsEach: false,
89        items: 1
90    });
91    
92    
93    
94    jQuery('.services-slider').owlCarousel({
95        autoplay: true,
96        loop: true,
97        margin: 0,
98        nav: false,
99        dots: false,
100        dotsEach: false,
101        items: 1,
102        autoHeight: false,
103        responsive: {
104            768: {
105                items: 2,
106                margin: 30
107            },
108            1024: {
109                items: 2,
110                margin: 50
111            }
112        }
113    });
114    jQuery("#gallery-1").addClass("owl-carousel");
115    jQuery('#gallery-1, .awards-carousel').owlCarousel({
116        autoplay: true,
117        loop: true,
118        margin: 0,
119        nav: true,
120        dots: false,
121        dotsEach: false,
122        items: 1,
123        autoHeight: false,
124        responsive: {
125            480: {
126                items: 2,
127                margin: 20
128            },
129            1024: {
130                items: 3,
131                margin: 30
132            }
133        }
134    }); /*smooth scroll to anchor on another page*/
135    jQuery(document).ready(function () {
136        var headerHeight = jQuery('#header').height() - 30;
137        var urlHash = window.location.href.split("#")[1];
138        if (urlHash && jQuery('#' + urlHash).length) jQuery('html,body').animate({
139            scrollTop: jQuery('#' + urlHash).offset().top - 220
140        }, 600);
141    });

142}); 
143jQuery(function ($) {
144    /*smooth scroll to anchor*/
145    var headerHeight = jQuery('#header').height() - 30;
146    //alert(headerHeight);
147    $('a[href*="#"]:not([href="#"])').click(function () {
148        var target = $(this.hash);
149        $('html,body').stop().animate({
150            scrollTop: target.offset().top - headerHeight
151        }, 1100);
152    });
153    if (location.hash) {
154        var id = $(location.hash);
155    }
156    $(window).load(function () {
157        if (location.hash) {
158            $('html,body').animate({
159                scrollTop: id.offset().top - headerHeight
160            }, 600)
161        };
162    });
163    $(document).ready(function () {
164        /*load more video testimonials*/
165        $(".main-content #loadMore").hide();
166        if ($("#video-testimonials .video-testi:hidden").length >= 7) {
167            $(".main-content #loadMore").show();
168        }
169        $(".main-content #loadMore").on('click', function (e) {
170            e.preventDefault();
171            $("#video-testimonials .video-testi:hidden").slice(0, 6).slideDown();
172            if ($("#video-testimonials .video-testi:hidden").length == 0) {
173                $(".main-content #loadMore").fadeOut('slow');
174                $('.main-content .loadmore-wrapper').text("No more testimonials to show.");
175            }
176        });
177    });
178}); /*custom tabs*/
179function openTab(evt, tabName) {
180    /*Declare all variables*/
181    var i, tabcontent, tablinks; /*Get all elements with class="tabcontent" and hide them*/
182    tabcontent = document.getElementsByClassName("tabcontent");
183    for (i = 0; i < tabcontent.length; i++) {
184        tabcontent[i].style.display = "none";
185    } /*Get all elements with class="tablinks" and remove the class "active"*/
186    tablinks = document.getElementsByClassName("tablink");
187    for (i = 0; i < tablinks.length; i++) {
188        tablinks[i].className = tablinks[i].className.replace(" active", "");
189    } /*Show the current tab, and add an "active" class to the button that opened the tab*/
190    document.getElementById(tabName).style.display = "block";
191    evt.currentTarget.className += " active";
192}
193
194jQuery(function ($) {
195    /*back to top*/
196    $(window).scroll(function () {
197        if ($(this).scrollTop() > 300) {
198            $('#scrollToTopButton').fadeIn();
199        } else {
200            $('#scrollToTopButton').fadeOut();
201        }
202    });
203    $('#scrollToTopButton').click(function () {
204        $('html, body').animate({
205            scrollTop: 0
206        }, 500);
207        return false;
208    });
209    /*screen width*/
210    var screenWidth = $(window).innerWidth();
211    $(document).ready(function () {
212        if (screenWidth <= 767) {
213            $('.mb-hide').remove();
214        }
215        if (screenWidth > 1024) {
216            $('.dt-hide').remove();
217        }
218
219    });
220
221    /*accordion toggle*/
222    $(document).ready(function () {
223
224
225    });
226
227});
228
229jQuery(function ($) {
230    $('.accordion-title').click(function (j) {
231
232        var dropDown = $(this).closest('.accordion-item').find('.accordion-content');
233        $(this).closest('.accordion-list').find('.accordion-content').not(dropDown).slideUp();
234
235        if ($(this).hasClass('active')) {
236            $(this).closest('.accordion-list').find('.accordion-title.inactive').removeClass('inactive');
237            $(this).removeClass('active').addClass('inactive');
238        } else {
239            $(this).closest('.accordion-list').find('.accordion-title.active').removeClass('active');
240            $(this).removeClass('inactive').addClass('active');
241            $(this).addClass('active');
242        }
243
244        /*if ($(this).hasClass('active')) {
245      $(this).removeClass('active');
246    } else {
247      $(this).closest('.accordion-list').find('.accordion-title.active').removeClass('active');
248      $(this).addClass('active');
249    }*/
250
251
252        dropDown.stop(false, true).slideToggle();
253        j.preventDefault();
254    });
255
256
257});
258
259/*Book an appointment popup*/
260// Get the modal
261var modal = document.getElementById("appointmentModal");
262
263// Get the button that opens the modal
264var btn = document.getElementById("appointmentBtn");
265
266// Get the <span> element that closes the modal
267var span = document.getElementsByClassName("close")[0];
268
269// When the user clicks the button, open the modal 
270btn.onclick = function () {
271    modal.style.display = "block";
272}
273
274// When the user clicks on <span> (x), close the modal
275span.onclick = function () {
276    modal.style.display = "none";
277}
278
279// When the user clicks anywhere outside of the modal, close it
280window.onclick = function (event) {
281    if (event.target == modal) {
282        modal.style.display = "none";
283    }
284}
285
286/*End of Book an appointment popup*/