experience the loft & beyonD

jQuery(document).ready(function($) { // 1. Find your main container first const eventNav = $('.jh-event-nav'); if (!eventNav.length) return; // 2. Find the nav container and menu list within it const navContainer = eventNav.find('nav.elementor-nav-menu--main'); const menuList = navContainer.find('ul.elementor-nav-menu'); if (!menuList.length || !navContainer.length) return; // --- FIX 1: Remove any existing buttons from previous runs --- navContainer.find('button.custom-dropdown-trigger').remove(); // --- FIX 2: Determine the button text based on active link --- let buttonText = 'Month'; const activeLink = menuList.find('a.elementor-item-active'); if (activeLink.length) { buttonText = activeLink.text().trim(); } // 3. Create the new trigger button const triggerButton = $('', { text: buttonText, class: 'custom-dropdown-trigger', 'aria-haspopup': 'true', 'aria-expanded': 'false' }); // 4. Insert the button before the list navContainer.prepend(triggerButton); // 5. Add click event to toggle dropdown visibility triggerButton.on('click', function(event) { event.stopPropagation(); menuList.toggleClass('menu-visible'); triggerButton.toggleClass('menu-open'); triggerButton.attr('aria-expanded', menuList.hasClass('menu-visible')); }); // 6. Close dropdown when clicking outside $(document).on('click', function() { if (menuList.hasClass('menu-visible')) { menuList.removeClass('menu-visible'); triggerButton.removeClass('menu-open'); triggerButton.attr('aria-expanded', 'false'); } }); });