Jeep compass 2021 cambio girona de Segunda Mano | CASINUEVO

// Asegurar que el DOM esté cargado document.addEventListener('DOMContentLoaded', function() { // Verificar que los elementos existen const categoriesBtn = document.querySelector('.categories-btn'); const userBtn = document.querySelector('.user-btn'); const categoriesMenu = document.getElementById('categoriesDropdownMenu'); const userMenu = document.getElementById('userDropdownMenu'); // Función para toggle del menú de usuario function toggleUserMenu() { if (userMenu) { userMenu.classList.toggle('show'); // Cerrar menú de categorías si está abierto if (categoriesMenu) { categoriesMenu.classList.remove('show'); } } } // Función para toggle del menú de categorías function toggleCategoriesMenu() { if (categoriesMenu) { if (categoriesMenu.classList.contains('show')) { categoriesMenu.classList.remove('show'); } else { // Cerrar menú de usuario si está abierto if (userMenu) { userMenu.classList.remove('show'); } categoriesMenu.classList.add('show'); } } } // Añadir event listeners if (categoriesBtn) { categoriesBtn.addEventListener('click', function(e) { e.preventDefault(); e.stopPropagation(); toggleCategoriesMenu(); }); } if (userBtn) { userBtn.addEventListener('click', function(e) { e.preventDefault(); e.stopPropagation(); toggleUserMenu(); }); } // Cerrar dropdowns al hacer clic fuera document.addEventListener('click', function(event) { const userMenuContainer = document.querySelector('.user-menu'); const categoriesMenuContainer = document.querySelector('.categories-dropdown'); if (userMenu && userMenuContainer && !userMenuContainer.contains(event.target)) { userMenu.classList.remove('show'); } if (categoriesMenu && categoriesMenuContainer && !categoriesMenuContainer.contains(event.target)) { categoriesMenu.classList.remove('show'); } }); }); // Funciones para el modal de autenticación function openAuthModal() { const modal = document.getElementById('authModal'); if (modal) { modal.style.display = 'flex'; document.body.style.overflow = 'hidden'; } } function closeAuthModal() { const modal = document.getElementById('authModal'); if (modal) { modal.style.display = 'none'; document.body.style.overflow = 'auto'; } } function switchToRegister() { const loginForm = document.getElementById('loginForm'); const registerForm = document.getElementById('registerForm'); const loginTab = document.getElementById('loginTab'); const registerTab = document.getElementById('registerTab'); if (loginForm && registerForm && loginTab && registerTab) { loginForm.style.display = 'none'; registerForm.style.display = 'block'; loginTab.classList.remove('active'); registerTab.classList.add('active'); } } function switchToLogin() { const loginForm = document.getElementById('loginForm'); const registerForm = document.getElementById('registerForm'); const loginTab = document.getElementById('loginTab'); const registerTab = document.getElementById('registerTab'); if (loginForm && registerForm && loginTab && registerTab) { loginForm.style.display = 'block'; registerForm.style.display = 'none'; loginTab.classList.add('active'); registerTab.classList.remove('active'); } } function checkAuth(event) { // Si el usuario no está logueado, abrir modal en lugar de ir a la página event.preventDefault(); openAuthModal(); }