Integrated B2B Transportation Services & Logistics Platform

document.addEventListener('DOMContentLoaded', function() { // 1. Target your exact B2B tab ID const tabNav = document.querySelector('#b2b-services-tab'); if (!tabNav) { console.error('Truck Animation: Could not find the ID #b2b-services-tab.'); return; } // 2. THE FIX: Scope the search for the track so it doesn't pick the other tab's track. // This looks at the parent container of the tabs, and finds the track inside that specific container. const parentModule = tabNav.closest('section, .elementor-widget-container, .wpb_wrapper, div.lqd-tabs') || tabNav.parentElement.parentElement; const trackContainer = parentModule.querySelector('.timeline-track'); if (!trackContainer) { console.error('Truck Animation: Found the tabs, but could not find a .timeline-track associated with them.'); return; } const truck = document.createElement('div'); truck.className = 'persistent-shipper-truck'; trackContainer.appendChild(truck); const tabs = Array.from(tabNav.querySelectorAll('li')); if (tabs.length === 0) { console.error('Truck Animation: Found #b2b-services-tab, but no

elements inside it.'); return; } const tuningOffset = 100; const autoplaySpeed = 4000; let currentIndex = 0; let autoplayTimer; // --- THE MENU FIX: Silence the robot clicks --- tabNav.addEventListener('click', function(e) { if (!e.isTrusted) { e.stopPropagation(); } }); function moveTruck(targetTab) { const tabTopPosition = targetTab.offsetTop; const targetPosition = tabTopPosition + tuningOffset; truck.style.top = targetPosition + 'px'; } function goToNextTab() { currentIndex++; if (currentIndex >= tabs.length) { currentIndex = 0; } const nextTab = tabs[currentIndex]; const triggerLink = nextTab.querySelector('a'); // --- THE NUCLEAR ANTI-JUMP FIX --- const currentScrollX = window.scrollX; const currentScrollY = window.scrollY; const htmlStyle = document.documentElement.style.scrollBehavior; document.documentElement.style.scrollBehavior = 'auto'; let originalHref = null; if (triggerLink && triggerLink.hasAttribute('href')) { originalHref = triggerLink.getAttribute('href'); triggerLink.removeAttribute('href'); } if (triggerLink) { triggerLink.click(); triggerLink.blur(); } else { nextTab.click(); } if (originalHref) { triggerLink.setAttribute('href', originalHref); } window.scrollTo(currentScrollX, currentScrollY); setTimeout(function() { window.scrollTo(currentScrollX, currentScrollY); document.documentElement.style.scrollBehavior = htmlStyle; }, 50); moveTruck(nextTab); } function startAutoplay() { clearInterval(autoplayTimer); autoplayTimer = setInterval(goToNextTab, autoplaySpeed); } setTimeout(() => { const activeTab = tabNav.querySelector('li.active') || tabs[0]; currentIndex = tabs.indexOf(activeTab) !== -1 ? tabs.indexOf(activeTab) : 0; if (activeTab) { moveTruck(activeTab); } startAutoplay(); }, 150); tabs.forEach((tab, index) => { tab.addEventListener('click', function(e) { if (e.isTrusted) { currentIndex = index; moveTruck(this); startAutoplay(); } }); }); });