jQuery(document).ready(function() { // 1. Find the menu and its parent nav const menuList = jQuery('#menu-1-441552a'); const navContainer = menuList.closest('nav.elementor-nav-menu--main'); if (menuList.length && navContainer.length) { // --- FIX 1: Remove the static button from the HTML --- // This prevents having two "Month" buttons. navContainer.find('button.custom-dropdown-trigger').remove(); // --- FIX 2: Find the active month text *before* creating the button --- let buttonText = 'Month'; // Default text const activeLink = menuList.find('a.elementor-item-active'); if (activeLink.length) { buttonText = activeLink.text().trim(); // Get text from the active link } // 2. Create the new trigger button (your original logic) const triggerButton = jQuery('') .text(buttonText) // <-- Use the dynamic text here .addClass('custom-dropdown-trigger') .attr({ 'aria-haspopup': 'true', 'aria-expanded': 'false' }); // 3. Insert the button before the list navContainer.prepend(triggerButton); // 4. Add click event to the *newly created* button triggerButton.on('click', function(event) { event.stopPropagation(); menuList.toggleClass('menu-visible'); triggerButton.toggleClass('menu-open'); const isVisible = menuList.hasClass('menu-visible'); triggerButton.attr('aria-expanded', isVisible); }); // 5. (Optional) Close dropdown when clicking outside jQuery(document).on('click', function() { if (menuList.hasClass('menu-visible')) { menuList.removeClass('menu-visible'); triggerButton.removeClass('menu-open'); triggerButton.attr('aria-expanded', 'false'); } }); } });