// उदाहरण: JS में बदलाव की आवश्यकता हो सकती है document.addEventListener('DOMContentLoaded', () => { const menuContainer = document.getElementById('ucm-circle-menu'); // Updated ID const toggleButton = menuContainer?.querySelector('.ucm-toggle'); // Updated class const categories = menuContainer?.querySelectorAll('.ucm-category'); // Updated class const linksContent = menuContainer?.querySelector('.ucm-links-content'); // Updated class const categoryTitleEl = menuContainer?.querySelector('.ucm-category-title'); // Updated class const linksTitleEl = menuContainer?.querySelector('.ucm-links-title'); // Updated class // --- वैकल्पिक: Loading क्लास हटाएं --- if (menuContainer) { menuContainer.classList.remove('ucm-loading'); menuContainer.classList.add('ucm-loaded'); } // --- toggleButton?.addEventListener('click', () => { menuContainer?.classList.toggle('ucm-active'); // Use prefixed class for active state }); categories?.forEach(category => { category.addEventListener('click', () => { const selectedCategory = category.dataset.category; const selectedTitle = category.dataset.title; // सभी लिंक सेक्शन छिपाएं linksContent?.querySelectorAll('.ucm-link-section').forEach(section => { // Updated class section.classList.remove('active'); }); // संबंधित लिंक सेक्शन दिखाएं const activeSection = linksContent?.querySelector(`.ucm-${selectedCategory}`); // Use prefixed class if (activeSection) { activeSection.classList.add('active'); } // टाइटल अपडेट करें (उदाहरण) if(categoryTitleEl) categoryTitleEl.textContent = selectedTitle || "अपनी पसंद पर क्लिक करें"; if(linksTitleEl) linksTitleEl.innerHTML = ` ${selectedTitle || ''}`; // अपडेटेड टाइटल // शायद मेनू को सक्रिय करें या कुछ और करें... }); }); // ... अन्य JS लॉजिक ... });