https://routeafrica.net/templates/routeafrica/custom/assets/js/main.js

1(function (window, document, $, undefined) {
2    'use strict';
3
4    let aceorbitJs = {
5        i: function (e) {
6            aceorbitJs.d();
7            aceorbitJs.methods();
8        },
9        d: function (e) {
10            this._window = $(window),
11                this._document = $(document),
12                this._body = $('body'),
13                this._html = $('html')
14        },
15
16        methods: function (e) {
17            aceorbitJs.salActive();
18            aceorbitJs.wowActivation();
19            aceorbitJs.headerSticky();
20            aceorbitJs.slickSlider();
21            aceorbitJs.counterUp();
22            aceorbitJs.accordian();
23            aceorbitJs.swiperslider();
24        },
25        
26        
27        headerSticky: function () {
28            $(window).scroll(function () {
29                if ($(this).scrollTop() > 250) {
30                    $('.header-sticky').addClass('sticky')
31                } else {
32                    $('.header-sticky').removeClass('sticky')
33                }
34            })
35        },
36        
37        
38        swiperslider: function () {
39    if (typeof Swiper === 'undefined') return;
40
41    var swiperEl = document.querySelector('.swiper-homepage-new');
42    if (!swiperEl) return;
43
44    var swiper = new Swiper(swiperEl, {
45        speed: 1000,
46        loop: true,
47        autoplay: {
48            delay: 2000,
49            disableOnInteraction: false
50        },
51        effect: 'fade',
52        fadeEffect: {
53            crossFade: true
54        },
55        slidesPerView: 1,
56        pagination: false,
57    });
58
59    swiperEl.addEventListener('mouseenter', function () {
60        swiper.autoplay.stop();
61    });
62
63    swiperEl.addEventListener('mouseleave', function () {
64        swiper.autoplay.start();
65    });
66},
67        
68
69        slickSlider: function () {
70            $('.testimonial-item-3').slick({
71                dots: true,
72                infinite: true,
73                arrows: false,
74                speed: 500,
75                slidesToShow: 3,
76                slidesToScroll: 3,
77                responsive: [
78                    {
79                        breakpoint: 1024,
80                        settings: {
81                            slidesToShow: 3,
82                            slidesToScroll: 3
83                        }
84                    }, 
85                    {
86                        breakpoint: 992,
87                        settings: {
88                            slidesToShow: 2,
89                            slidesToScroll: 2
90                        }
91                    }, 
92                    {
93                        breakpoint: 768,
94                        settings: {
95                            slidesToShow: 1,
96                            slidesToScroll: 1
97                        }
98                    }
99                ]
100            });
101
102
103            $('.domain-slider-homepage').slick({
104                dots: true,
105                infinite: true,
106                arrows: false,
107                speed: 500,
108                slidesToShow: 4,
109                slidesToScroll: 1,
110                autoplay: true,
111autoplaySpeed: 2000,
112                responsive: [
113                    {
114                        breakpoint: 1024,
115                        settings: {
116                            slidesToShow: 4,
117                            slidesToScroll: 1
118                        }
119                    }, 
120                    {
121                        breakpoint: 992,
122                        settings: {
123                            slidesToShow: 3,
124                            slidesToScroll: 1
125                        }
126                    }, 
127                    {
128                        breakpoint: 768,
129                        settings: {
130                            slidesToShow: 2,
131                            slidesToScroll: 1
132                        }
133                    }, 
134                    {
135                        breakpoint: 575,
136                        settings: {
137                            slidesToShow: 1,
138                            slidesToScroll: 1
139                        }
140                    }
141                ]
142            });
143
144            $('.userpage-sliding').slick({
145                dots: true,
146                infinite: true,

147                arrows: false,
148                speed: 500,
149                slidesToShow: 1,
150                slidesToScroll: 1,
151                responsive: [
152                    {
153                        breakpoint: 1024,
154                        settings: {
155                            slidesToShow: 1,
156                            slidesToScroll: 1
157                        }
158                    }
159                ]
160            });
161
162            
163        },
164
165        counterUp: function () {
166            var odo = $('.odometer');
167            odo.each(function() {
168                $('.odometer').appear(function(e) {
169                    var countNumber = $(this).attr('data-count');
170                    $(this).html(countNumber);
171                });
172            });
173        },
174
175        boxHover: function(){
176            jQuery( '.ace-instructor-design-visible, .aceorbit-hover-item-visible' ).on( 'mouseenter', function(){
177                let selector = jQuery(this).parent().parent();
178                selector.find( '.ace-instructor-design-visible, .aceorbit-hover-item-visible' ).removeClass( 'aceorbit-hover-active' );
179                jQuery(this).addClass( 'aceorbit-hover-active' );
180            });
181        },
182
183
184        salActive: function () {
185            sal({
186                threshold: 0.01,
187                once: true,
188            });
189        },
190
191        wowActivation: function () {
192            new WOW().init();
193        },
194
195        accordian: function () {
196             $(".accordion > li:first").addClass("active").find("p").slideDown();
197    $('.accordion li').on('click', function () {
198      var dropDown = $(this).find("p");
199
200      $(this).closest(".accordion").find("p").not(dropDown).slideUp();
201
202      if ($(this).hasClass("active")) {
203        $(this).removeClass("active");
204      } else {
205        $(this).closest(".accordion").find("li.active").removeClass("active");
206        $(this).addClass("active");
207      }
208
209      dropDown.stop(false, true).slideToggle();
210    });
211        }
212        
213    }
214
215    aceorbitJs.i();
216
217})(window, document, jQuery)
218
219