https://www.globalbrandsmagazine.com/wp-content/themes/zox-news-child/assets/js/custom.js

1// Mobile Menu Toggle Js //
2
3document.addEventListener("DOMContentLoaded", function () {
4    const closeBtn = document.querySelector(".mobile-bar-section .close-btn");
5    const navbarToggler = document.querySelector(".mobile-bar-section .navbar-toggler");
6    const navbarCollapse = document.getElementById("navbarTogglernavmobile");
7
8    function closeNavbar() {
9        navbarCollapse.classList.remove("show");
10    }
11
12    closeBtn.addEventListener("click", closeNavbar);
13
14    navbarToggler.addEventListener("click", function () {
15        if (navbarCollapse.classList.contains("show")) {
16            closeNavbar();
17        } else {
18            navbarCollapse.classList.add("show");
19        }
20    });
21});
22
23var swiper = new Swiper('.swiper-top', {
24    slidesPerView: 5,
25    spaceBetween: 20,
26    autoplay: false,
27    autoplaySpeed: 1000,
28    pagination: {
29        el: '.swiper-pagination',
30        clickable: true,
31    },
32    navigation: {
33        nextEl: '.swiper-button-nexts',
34        prevEl: '.swiper-button-prevs',
35    },
36    breakpoints: {
37        1440: {
38            slidesPerView: 5,
39        },
40        1024: {
41            slidesPerView: 4,
42        },
43        768: {
44            slidesPerView: 3,
45        },
46        550: {
47            slidesPerView: 2,
48        },
49        479: {
50            slidesPerView: 1.3,
51        },
52        320: {
53            slidesPerView: 1.2,
54        }
55    },
56    on: {
57        slideChange: function () {
58            var topShowElement = document.querySelector('.top-show');
59            var textElement = document.querySelector('.top-show .text');
60
61            if (swiper.activeIndex !== 0) {
62                topShowElement.classList.add('hide-dropdown');
63                textElement.classList.add('hidden');
64            } else {
65                topShowElement.classList.remove('hide-dropdown');
66                setTimeout(function() {
67                    textElement.classList.remove('hidden');
68                }, 100); // Adjust the delay if needed
69            }
70        }
71    }
72});
73
74// // Toggle dropdown content on click
75// document.querySelector('.top-show').addEventListener('click', function(event) {
76//     var dropdownContent = document.querySelector('.top-content-sec');
77//     dropdownContent.style.display = dropdownContent.style.display === 'block' ? 'none' : 'block';
78//     event.stopPropagation();
79// });
80
81// // Hide dropdown content if clicked outside
82// document.addEventListener('click', function(event) {
83//     var dropdownContent = document.querySelector('.top-content-sec');
84//     if (!event.target.closest('.top-show')) {
85//         dropdownContent.style.display = 'none';
86//     }
87// });
88
89// // // News swiper slider //
90
91var swipernews = new Swiper(".mySwiper", {
92    slidesPerView: 1,
93    spaceBetween: 30,
94    loop: true,
95    autoplay: true,
96    autoplaySpeed: 1000,
97    pagination: {
98      el: ".swiper-pagination",
99      clickable: true,
100    },
101    navigation: {
102      nextEl: ".swiper-button-next",
103      prevEl: ".swiper-button-prev",
104    },
105  });
106
107
108
109
110
111// AWARD PAGE VIDEOS SLIDER
112var swiper = new Swiper(".Swiperaward", {
113    slidesPerView: 1, // Ensure only one slide is visible at a time
114    spaceBetween: 0, // Remove space between slides to avoid any overlap
115    autoplay: false,
116    autoplaySpeed: 1000,
117    pagination: {
118       el: '.swiper-pagination',
119       clickable: true,
120    },
121    navigation: {
122       nextEl: '.swiper-button-next',
123       prevEl: '.swiper-button-prev',
124    },
125    breakpoints: {
126       1440: {
127          slidesPerView: 1,
128       },
129       1024: {
130          slidesPerView: 1,
131       },
132       768: {
133          slidesPerView: 1,
134       },
135       550: {
136          slidesPerView: 1,
137       },
138       320: {
139          slidesPerView: 1,
140       }
141    },
142});
143
144// for arrow js
145document.addEventListener('click', function(e) {
146    if (e.target.closest('.main-bar-wrapper .bar-nav .navbar-nav .btn-primary')) {
147        const button = e.target.closest('.btn-primary');
148        const svg = button.querySelector('svg');
149        if (svg) {
150            svg.classList.toggle('rotated');
151        }
152    }
153});