Sign up for SmmExclusive

Create an Account

Let's get you started. Provide your details to join us.

// Mobile Language Dropdown Logic document.addEventListener('DOMContentLoaded', function() { const mobileLanguageContainer = document.getElementById('mobile-language-dropdown-container'); if (mobileLanguageContainer) { const toggleButton = document.getElementById('mobile-language-dropdown-toggle'); const dropdownMenu = document.getElementById('mobile-language-dropdown-menu'); const dropdownIcon = document.getElementById('mobile-language-arrow-icon'); const searchInput = document.getElementById('mobile-language-search'); const languageItems = document.querySelectorAll('.mobile-language-item'); const noResultsMessage = document.getElementById('mobile-no-language-results'); // Toggle dropdown if (toggleButton && dropdownMenu && dropdownIcon) { toggleButton.addEventListener('click', function(event) { event.stopPropagation(); const isHidden = dropdownMenu.classList.contains('hidden'); if (isHidden) { dropdownMenu.classList.remove('hidden'); toggleButton.setAttribute('aria-expanded', 'true'); dropdownIcon.classList.add('rotate-180'); // Focus search input when opening if (searchInput) { setTimeout(() => searchInput.focus(), 100); } } else { dropdownMenu.classList.add('hidden'); toggleButton.setAttribute('aria-expanded', 'false'); dropdownIcon.classList.remove('rotate-180'); } }); } // Search functionality if (searchInput && languageItems.length > 0) { searchInput.addEventListener('input', function(e) { const searchTerm = e.target.value.toLowerCase().trim(); let visibleCount = 0; languageItems.forEach(item => { const searchText = item.getAttribute('data-search-text') || ''; const isVisible = !searchTerm || searchText.includes(searchTerm); if (isVisible) { item.style.display = 'flex'; visibleCount++; } else { item.style.display = 'none'; } }); // Show/hide no results message if (noResultsMessage) { if (visibleCount === 0 && searchTerm) { noResultsMessage.classList.remove('hidden'); } else { noResultsMessage.classList.add('hidden'); } } }); // Prevent dropdown from closing when clicking search input searchInput.addEventListener('click', function(event) { event.stopPropagation(); }); } // Close dropdown when clicking outside document.addEventListener('click', function(event) { if (!mobileLanguageContainer.contains(event.target)) { if (dropdownMenu) { dropdownMenu.classList.add('hidden'); } if (toggleButton) { toggleButton.setAttribute('aria-expanded', 'false'); } if (dropdownIcon) { dropdownIcon.classList.remove('rotate-180'); } // Reset search if (searchInput) { searchInput.value = ''; languageItems.forEach(item => { item.style.display = 'flex'; }); if (noResultsMessage) { noResultsMessage.classList.add('hidden'); } } } }); // Language selection functionality if (languageItems.length > 0) { languageItems.forEach(item => { item.addEventListener('click', function(event) { // Don't prevent default - allow navigation to href // Update active state languageItems.forEach(i => i.classList.remove('bg-gray-100')); this.classList.add('bg-gray-100'); // Close dropdown if (dropdownMenu) { dropdownMenu.classList.add('hidden'); } if (toggleButton) { toggleButton.setAttribute('aria-expanded', 'false'); } if (dropdownIcon) { dropdownIcon.classList.remove('rotate-180'); } // Navigate to the href URL window.location.href = this.getAttribute('href'); }); }); } } });