https://www.hsb.co.id/2025/preview/about/assets/index_dev.js

1$(function () {
2  $(document).ready(function () {
3    faq();
4    animateCardsEntrance();
5    setupSwiperBanners();
6  });
7});
8
9function setupSwiperBanners() {
10  if (window.innerWidth < 1000) {
11    var swiper = new Swiper(".swiper-banners", {
12      effect: "coverflow",
13      loop: true,
14      slidesPerView: "auto",
15      centeredSlides: true,
16      speed: 800,
17      pagination: {
18        el: ".swiper-banners-pagination",
19        clickable: true,
20      },
21      autoplay: {
22        delay: 7000,
23        disableOnInteraction: false,
24      },
25    });
26  } else {
27    swiper.destroy(true, true); // destroy swiper, cleanup DOM
28    swiper = null;
29  }
30}
31
32function animateCardsEntrance() {
33  let observer = new IntersectionObserver(
34    (entries) => {
35      entries.forEach((entry) => {
36        if (entry.isIntersecting) {
37          const card = entry.target;
38          card.classList.add("visible");
39          observer.unobserve(card); // Stop observing once handled
40        }
41      });
42    },
43    { threshold: 0.2 }
44  );
45
46  // Observe all .card elements
47  document.querySelectorAll(".card").forEach((card) => observer.observe(card));
48}
49
50function faq() {
51  $(".qna").on("click", function () {
52    $(this).children(".answer").toggle();
53
54    let arrow = $(this).find(".question img");
55    let h4 = $(this).find(".question h4");
56
57    // Toggle between the up and down arrow images
58    let isVisible = $(this).children(".answer").is(":visible");
59
60    arrow.attr(
61      "src",
62      isVisible
63        ? "/2025/homepage/assets/images/i-arrow-up.svg"
64        : "/2025/homepage/assets/images/i-arrow-down.svg"
65    );
66    h4.css("color", isVisible ? "#1B39E6" : "#333333");
67  });
68}
69
70function hideDisclaimer() {
71  $(".disclaimer").css("visibility", "hidden");
72}