AINIA Network

document.addEventListener('DOMContentLoaded', function() { // --- CONFIGURACIÓN --- const configuracion = { 'Sectores-todos': 'todos', 'Sectores-alimentacion': 'todos', 'Sectores-cosmetica': 'todos', 'Sectores-packaging': 'todos', 'Sectores-quimica': 'todos', // Farmacia: Todos EXCEPTO 'tab-alimentacion' 'Sectores-farmacia': [ 'tab-networking', 'tab-asesoramiento', 'tab-informes', 'tab-mercado', 'tab-desarrollo', // 'tab-alimentacion' -> EXCLUIDO 'tab-internacional', 'tab-comunicacion', 'tab-descuentos' ] }; // --- VARIABLES --- const enlaces = document.querySelectorAll('.Sectores-ul a'); // Los enlaces clicables const itemsAcordeon = document.querySelectorAll('.e-n-accordion-item'); // El contenido // --- FUNCIÓN FILTRADO --- function filtrarAcordeon(regla) { itemsAcordeon.forEach(item => { const id = item.getAttribute('id'); if (regla === 'todos' || (Array.isArray(regla) && regla.includes(id))) { item.style.display = 'block'; } else { item.style.display = 'none'; } }); } // --- CLICS Y EFECTO VISUAL --- enlaces.forEach(enlace => { enlace.addEventListener('click', function(e) { e.preventDefault(); // Evita recarga // 1. GESTIÓN VISUAL (El fondo naranja) // Quitamos la clase 'item-activo' de TODOS los LIs document.querySelectorAll('.Sectores-ul li').forEach(li => { li.classList.remove('item-activo'); }); // Añadimos la clase al LI padre del enlace que has clicado // .closest('li') busca el LI más cercano hacia arriba this.closest('li').classList.add('item-activo'); // 2. GESTIÓN LÓGICA (El filtro) let clases = this.className.split(' '); let sectorKey = clases.find(c => configuracion.hasOwnProperty(c)); if (sectorKey) { filtrarAcordeon(configuracion[sectorKey]); } }); }); // --- ESTADO INICIAL (Simular clic en Todos) --- const botonTodos = document.querySelector('.Sectores-todos'); if (botonTodos) { setTimeout(() => { botonTodos.click(); }, 100); } });