Ireland :: 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); ); ); Scroll // The latitude and longitude of your business / place var position = [ 52.7037° N, 8.9079° W]; function showGoogleMaps() var latLng = new google.maps.LatLng(position[0], position[1]); var center = new google.maps.LatLng(position[0], position[1]-0.00); var mapOptions = zoom: 13, // initialize zoom level - the max value is 21 streetViewControl: false, // hide the yellow Street View pegman scaleControl: true, // allow users to zoom the Google Map mapTypeId: google.maps.MapTypeId.ROADMAP, center: center, disableDefaultUI: true, scrollwheel: false, navigationControl: false, mapTypeControl: false, draggable: false, // styles: [ // // featureType: all, // elementType: labels.icon, // stylers: [ // // visibility: off // // ] // , // // featureType: administrative, // elementType: labels, // stylers: [ // // color: #373b3f // // ] // , // // featureType: administrative, // elementType: labels.text, // stylers: [ // // weight: 1 // // ] // , // // featureType: administrative, // elementType: labels.text.stroke, // stylers: [ // // color: #ebebeb // // ] // , // // featureType: landscape, // elementType: geometry, // stylers: [ // // color: #ebebeb // // ] // , // // featureType: poi, // elementType: all, // stylers: [ // // visibility: off // // ] // , // // featureType: road, // elementType: all, // stylers: [ // // color: #dbdbdb // // ] // , // // featureType: road, // elementType: geometry.stroke, // stylers: [ // // visibility: off // // ] // , // // featureType: road, // elementType: labels, // stylers: [ // // visibility: simplified // , // // color: #373b3f // // ] // , // // featureType: water, // elementType: all, // stylers: [ // // color: #15375f // // ] // // ] ; map = new google.maps.Map(document.getElementById(googlemaps), mapOptions); var icon = url: ../application/themes/tla/images/jlr_icon_drop-pin.png, //size: new google.maps.Size(70, 97), //scaledSize: new google.maps.Size(70, 97) ; // Show the default red marker at the location marker = new google.maps.Marker( position: latLng, map: map, draggable: false, icon: icon, //animation: google.maps.Animation.DROP ); google.maps.event.addDomListener(window, load, showGoogleMaps);