Garabogaz & Temir Baba Border Crossing { index = (index === 0) ? maxIndex : index - 1; update(); }); if (nextBtn) nextBtn.addEventListener('click', ()=>{ index = (index === maxIndex) ? 0 : index + 1; update(); }); })();</script><script type="922fa2b954b626508f3aa33a-text/javascript">// const activeClass = "is-open"; // document.addEventListener("DOMContentLoaded", () => { // const collapsables = document.querySelectorAll(".collapsable"); // let open = null; // track the currently open element // collapsables.forEach((el) => { // el.addEventListener("click", () => { // const isOpen = el.classList.contains(activeClass); // const toggleIcon = document.querySelector(".is-open #toggle-icon"); // // close currently open (if different) // if (open && open !== el) { // open.classList.remove(activeClass); // } // if (!toggleIcon) { // // If any element is missing (common in CMS environments), log an error and exit gracefully. // console.error("Accordion initialization failed: One or more required elements (icon) were not found."); // return; // } // if (isOpen) { // el.classList.remove(activeClass); // open = null; // toggleIcon.classList.remove('rotate-180'); // toggleIcon.classList.add('rotate-0'); // } else { // el.classList.add(activeClass); // open = el; // toggleIcon.classList.remove('rotate-0'); // toggleIcon.classList.add('rotate-180'); // } // }); // }); // }); const activeClass = "is-open"; const iconSelector = "#toggle-icon"; // Use a class specific to the icon, e.g., 'toggle-icon' document.addEventListener("DOMContentLoaded", () => { const collapsables = document.querySelectorAll(".collapsable"); let open = null; // track the currently open element collapsables.forEach((el) => { el.addEventListener("click", () => { // --- 1. Get the icon specific to the element being clicked --- // Use querySelector on the element 'el' to find its specific icon. const toggleIcon = el.querySelector(iconSelector); // Check if the icon was found if (!toggleIcon) { console.error("Accordion click failed: Icon element was not found inside the collapsable element.", el); return; } const isOpen = el.classList.contains(activeClass); // close currently open (if different) if (open && open !== el) { // Find and reset the icon of the element that is being closed const openIcon = open.querySelector(iconSelector); if (openIcon) { openIcon.classList.remove('rotate-180'); openIcon.classList.add('rotate-0'); } open.classList.remove(activeClass); } // --- 2. Toggle the class on the collapsable element and rotate the icon --- if (isOpen) { // CLOSING el.classList.remove(activeClass); open = null; // No element is open toggleIcon.classList.remove('rotate-180'); toggleIcon.classList.add('rotate-0'); } else { // OPENING el.classList.add(activeClass); open = el; // Set the current element as the open one toggleIcon.classList.remove('rotate-0'); toggleIcon.classList.add('rotate-180'); if (window.innerWidth <= 1024) { const cardText = el.querySelector("h2 div.header-left")?.textContent.trim(); if (cardText) { gtag('event', 'card_click_factsheet', { card_id: cardText }); } } } }); }); if (window.innerWidth <= 1024) { const container = document.querySelector('.factsheet.ft-v2'); if (container) { gtag('event', 'page_view_interactive_factsheet'); } // Select all the cards (sections) const sections = Array.from(container.querySelectorAll('.section.collapsable')); // --- Function to Shuffle the Array (Fisher-Yates Algorithm) --- function shuffleArray(array) { for (let i = array.length - 1; i > 0; i--) { // Generate a random index from 0 to i const j = Math.floor(Math.random() * (i + 1)); // Swap elements at indices i and j [array[i], array[j]] = [array[j], array[i]]; } } // Shuffle the sections array shuffleArray(sections); // Clear the container's current content container.innerHTML = ''; // Append the shuffled sections back into the container sections.forEach(section => { container.appendChild(section); }); } });</script><script type="922fa2b954b626508f3aa33a-text/javascript">// // const card = document.querySelector(".call-to-action-share-stories"); if (card) { card.addEventListener('touchend', function(event) { // Prevent default touch behavior (e.g., scrolling) if necessary // This is often important to ensure the 'touchend' fires reliably // on a card that might be part of a scrollable area. event.preventDefault(); // 1. Define the URL you want to redirect to const targetURL = '/share-your-story/'; // Replace with your actual target URL window.open(targetURL, '_blank'); }); }</script><script id="custom-script-js-extra" type="922fa2b954b626508f3aa33a-text/javascript"> var wpdata = {"object_id":"8549","site_url":"https:\/\/bordercrossinghub.com"}; </script> <script src="https://bordercrossinghub.com/wp-content/plugins/wp-meta-and-date-remover/assets/js/inspector.js?ver=1.1" id="custom-script-js" type="922fa2b954b626508f3aa33a-text/javascript"></script> <!--[if lte IE 11]> <script src="https://bordercrossinghub.com/wp-content/themes/generatepress/assets/js/classList.min.js?ver=3.6.0" id="generate-classlist-js"></script> <![endif]--> <script id="generate-menu-js-before" type="922fa2b954b626508f3aa33a-text/javascript"> var generatepressMenu = {"toggleOpenedSubMenus":true,"openSubMenuLabel":"Open Sub-Menu","closeSubMenuLabel":"Close Sub-Menu"}; </script> <script src="https://bordercrossinghub.com/wp-content/themes/generatepress/assets/js/menu.min.js?ver=3.6.0" id="generate-menu-js" type="922fa2b954b626508f3aa33a-text/javascript"></script> <script src="https://bordercrossinghub.com/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js" type="922fa2b954b626508f3aa33a-text/javascript"></script> <script src="https://bordercrossinghub.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js" type="922fa2b954b626508f3aa33a-text/javascript"></script> <script id="wp-i18n-js-after" type="922fa2b954b626508f3aa33a-text/javascript"> wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); </script> <script type="922fa2b954b626508f3aa33a-module" src="https://bordercrossinghub.com/wp-content/plugins/windpress/build/assets/packages/core/tailwindcss/play/observer-CZ3sqZ8h.js" id="windpress:observer-js"></script> <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="922fa2b954b626508f3aa33a-|49" defer></script></body> </html>
