hmc_site_source/assets/js/main.js

66 lines
1.4 KiB
JavaScript

// main script
(function () {
"use strict";
// Dropdown Menu Toggler For Mobile
// ----------------------------------------
const dropdownMenuToggler = document.querySelectorAll(
".nav-dropdown > .nav-link",
);
dropdownMenuToggler.forEach((toggler) => {
toggler?.addEventListener("click", (e) => {
e.target.closest('.nav-item').classList.toggle("active");
});
});
// Testimonial Slider
// ----------------------------------------
new Swiper(".testimonial-slider", {
spaceBetween: 24,
loop: true,
pagination: {
el: ".testimonial-slider-pagination",
type: "bullets",
clickable: true,
},
breakpoints: {
768: {
slidesPerView: 2,
},
992: {
slidesPerView: 3,
},
},
});
// Swipers
// ----------------------------------------
const swipers = document.querySelectorAll(".swiper-slider");
swipers.forEach((swiper) => {
new Swiper(swiper, {
spaceBetween: 24,
loop: true,
pagination: {
el: swiper.querySelector(".swiper-slider-pagination"),
type: "bullets",
clickable: true,
},
navigation: {
nextEl: swiper.querySelector(".swiper-button-next"),
prevEl: swiper.querySelector(".swiper-button-prev"),
},
breakpoints: {
768: {
slidesPerView: 2,
},
992: {
slidesPerView: 3,
},
},
});
});
})();