/* Control the Elementor Tabs from the URL * Code updated to handle both anchors and query parameters. */ window.addEventListener('load', () => { setTimeout(function () { let scrollOffset = 100; /* scroll offset from the top of title */ // Select all tab and accordion titles const tabsAccordionToggleTitles = document.querySelectorAll('.e-n-accordion-item-title, .e-n-tab-title, .elementor-tab-title'); // Function to click and open the tab/accordion with matching ID const clickTitleWithAnchor = (anchor) => { tabsAccordionToggleTitles.forEach(title => { if (title.querySelector(`#${anchor}`) != null || title.id === anchor || (title.closest('details') && title.closest('details').id === anchor)) { // If the title isn't already expanded or active, click to open it if (title.getAttribute('aria-expanded') !== 'true' && !title.classList.contains('elementor-active')) title.click(); let timing = 0; let scrollTarget = title; // Check if the element is in horizontal tab layout and adjust scroll target if (getComputedStyle(title.closest('.elementor-element')).getPropertyValue('--n-tabs-direction') == 'row') scrollTarget = title.closest('.elementor-element'); // If it's an accordion, set delay before scrolling if (title.closest('.e-n-accordion, .elementor-accordion-item, .elementor-toggle-item')) { timing = 400; } // Scroll to the opened tab or accordion setTimeout(function () { jQuery('html, body').animate({ scrollTop: jQuery(scrollTarget).offset().top - scrollOffset, }, 'slow'); }, timing); } }); }; // Extract anchor or query parameter from URL const currentAnchor = extractAnchor(window.location.href); if (currentAnchor) { clickTitleWithAnchor(currentAnchor); } // Function to extract either hash or query parameter as anchor function extractAnchor(url) { const urlObj = new URL(url); const hashAnchor = urlObj.hash.replace('#', ''); const queryParam = urlObj.searchParams.keys().next().value; // Get the first query parameter key return hashAnchor || queryParam; // Return the hash if it exists, otherwise use the query param } // Function to check if anchor exists in tab/accordion titles function isAnchorInTitles(anchor, titles) { return Array.from(titles).some(title => { return title.querySelector(`#${anchor}`) !== null || title.id === anchor || (title.closest('details') && title.closest('details').id === anchor); }); } }, 1000); // Increased delay to 1 second to ensure full rendering of elements });