Propulsion :: JLR Careers

Open accessibility toolbar const nav = document.getElementById(siteNav); let lastScrollY = window.scrollY; window.addEventListener(scroll, () => if (!nav) return; if (window.innerWidth <= 1395) nav.classList.remove(is-hidden); return; const currentScrollY = window.scrollY; const scrollDifference = currentScrollY - lastScrollY; if (currentScrollY <= 75) nav.classList.remove(is-hidden); else if (scrollDifference > 5) nav.classList.add(is-hidden); else if (scrollDifference < -5) nav.classList.remove(is-hidden); lastScrollY = currentScrollY; ); document.addEventListener(DOMContentLoaded, function() const navItems = document.querySelectorAll(.nav-list > li.has-dropdown, .nav-list > li.has-mega-dropdown); const hamburgerMenus = document.querySelectorAll(.hamburger-menu); const mainNav = document.querySelector(.main-nav); const megaDropdownHeaders = document.querySelectorAll(.mega-dropdown .dropdown-column h3); const mobileNavToggles = document.querySelectorAll(.nav-list > li.has-dropdown > span, .nav-list > li.has-dropdown > .has-dropdown-arrow, .nav-list > li.has-mega-dropdown > .mobile-item, .nav-list > li.has-mega-dropdown > .has-dropdown-arrow); const reciteTriggers = document.querySelectorAll(.enable-recite); const legacyReciteTrigger = document.getElementById(enableRecite); function getDirectChildPanel(item) for (let i = 0; i < item.children.length; i++) const child = item.children[i]; if (child.classList && (child.classList.contains(dropdown) || child.classList.contains(mega-dropdown))) return child; return null; function getDirectChildToggle(item) for (let i = 0; i < item.children.length; i++) const child = item.children[i]; if (child.classList && child.classList.contains(has-dropdown-arrow)) return child; return null; // Desktop hover navItems.forEach(item => item.addEventListener(mouseenter, function() if (window.innerWidth <= 1395) return; const dropdown = getDirectChildPanel(this); if (dropdown) dropdown.style.display = dropdown.classList.contains(mega-dropdown) block : flex; ); item.addEventListener(mouseleave, function() if (window.innerWidth <= 1395) return; const dropdown = getDirectChildPanel(this); if (dropdown) dropdown.style.display = none; ); ); // Mobile hamburger hamburgerMenus.forEach(menu => menu.addEventListener(click, function() if (window.innerWidth > 1395) return; mainNav.classList.toggle(mobile-active); mainNav.classList.remove(is-hidden); ); ); reciteTriggers.forEach(trigger => trigger.addEventListener(click, function(e) if (!legacyReciteTrigger) return; e.preventDefault(); legacyReciteTrigger.click(); ); ); function closeFirstLevelMobileDropdowns() document.querySelectorAll(.nav-list > li.has-dropdown > .dropdown, .nav-list > li.has-mega-dropdown > .mega-dropdown).forEach(panel => panel.style.display = none; ); document.querySelectorAll(.nav-list > li > .has-dropdown-arrow).forEach(toggle => toggle.setAttribute(aria-expanded, false); ); // Mobile first-level subnavs mobileNavToggles.forEach(toggle => toggle.addEventListener(click, function(e) if (window.innerWidth > 1395) return; const item = this.closest(li.has-dropdown, li.has-mega-dropdown); if (!item) return; const dropdown = getDirectChildPanel(item); if (!dropdown) return; e.preventDefault(); e.stopPropagation(); const button = getDirectChildToggle(item); const isOpen = dropdown.style.display === block; closeFirstLevelMobileDropdowns(); if (!isOpen) dropdown.style.display = block; if (button) button.setAttribute(aria-expanded, true); ); ); function closeAllMobileDropdowns() megaDropdownHeaders.forEach(header => header.classList.remove(mobile-active); const list = header.nextElementSibling; if (list) list.classList.remove(mobile-active); ); function toggleMobileDropdown(header) header.classList.toggle(mobile-active); const list = header.nextElementSibling; if (list) list.classList.toggle(mobile-active); function handleMegaDropdownClick(e) if (window.innerWidth <= 1395) e.preventDefault(); e.stopPropagation(); closeAllMobileDropdowns(); toggleMobileDropdown(this); megaDropdownHeaders.forEach(header => header.addEventListener(click, handleMegaDropdownClick); ); window.addEventListener(resize, function() if (window.innerWidth > 1395) nav.classList.remove(mobile-active); document.querySelectorAll(.dropdown, .mega-dropdown).forEach(panel => panel.style.display = ; ); closeFirstLevelMobileDropdowns(); closeAllMobileDropdowns(); else nav.classList.remove(is-hidden); ); );