// Function to setup dropdown behavior function setupDropdown(sectionNum) { const dropdownHeader = document.getElementById(`dropdown-header-${sectionNum}`); const dropdownMenu = document.getElementById(`dropdown-menu-${sectionNum}`); const selectedOption = document.getElementById(`selected-option-${sectionNum}`); const dropdownItems = document.querySelectorAll(`.dropdown-item[data-section="${sectionNum}"]`); // Toggle dropdown when clicking the header dropdownHeader.addEventListener('click', function() { dropdownMenu.classList.toggle('active'); }); // Close dropdown when clicking outside document.addEventListener('click', function(event) { if (!event.target.closest(`#dropdown-header-${sectionNum}`) && !event.target.closest(`#dropdown-menu-${sectionNum}`)) { dropdownMenu.classList.remove('active'); } }); // Handle keyboard navigation dropdownHeader.addEventListener('keydown', function(event) { if (event.key === 'Enter' || event.key === ' ') { event.preventDefault(); dropdownMenu.classList.toggle('active'); } else if (event.key === 'Escape') { dropdownMenu.classList.remove('active'); } }); // Handle option selection dropdownItems.forEach(item => { item.addEventListener('click', function() { const value = this.getAttribute('data-value'); const text = this.textContent; // Update selected text selectedOption.textContent = text; selectedOption.classList.remove('dropdown-placeholder'); selectedOption.classList.add('selected-option'); // Close dropdown dropdownMenu.classList.remove('active'); // Redirect to the corresponding page based on state if (value === 'new-jersey') { window.location.href = 'https://www.recareercenter.com/product/75/'; } else if (value === 'new-york') { window.location.href = 'https://www.recareercenter.com/product/ny77/'; } else if (value === 'florida') { window.location.href = 'https://www.recareercenter.com/product/florida/'; } }); }); } // Setup both dropdowns setupDropdown(1); setupDropdown(2);