Navidad

document.addEventListener(«DOMContentLoaded», function() {
// Obtener el enlace y el elemento del filtro
var enlaceMenuA = document.getElementById(«mostrarmenuA»);
var QenlaceMenuA = document.getElementById(«quitarmenuA»);
var enlaceMenuC = document.getElementById(«mostrarmenuC»);
var QenlaceMenuC = document.getElementById(«quitarmenuC»);
var enlaceMenuCs = document.getElementById(«mostrarmenuCs»);
var QenlaceMenuCs = document.getElementById(«quitarmenuCs»);
var enlaceMenuH = document.getElementById(«mostrarmenuH»);
var QenlaceMenuH = document.getElementById(«quitarmenuH»);
var enlaceMenuP = document.getElementById(«mostrarmenuP»);
var QenlaceMenuP = document.getElementById(«quitarmenuP»);

var menuAlimentacion = document.getElementById(«menu-alimentacion»);
var menuComplementos = document.getElementById(«menu-complementos»);
var menuCosmetica = document.getElementById(«menu-cosmetica»);
var menuHogar = document.getElementById(«menu-hogar»);
var menuPlantas = document.getElementById(«menu-plantas»);

var menuPrincipal = document.getElementById(«menu-principal»);
var cerrarMenu = document.querySelector(«.off-canvas-close»);

// Función para alternar el estado del filtro
function alternarMenuA() {
if (menuAlimentacion.style.display === «none») {
menuAlimentacion.style.display = «block»; // Cambiar a block si está en none
menuComplementos.style.display = «none»;
} else {
menuAlimentacion.style.display = «none»; // Cambiar a none si está en block
// menuPrincipal.style.display = «block»;
}
}
// Función para alternar el estado del filtro
function alternarMenuC() {
if (menuComplementos.style.display === «none») {
menuComplementos.style.display = «block»; // Cambiar a block si está en none
menuAlimentacion.style.display = «none»;
} else {
menuComplementos.style.display = «none»; // Cambiar a none si está en block
// menuPrincipal.style.display = «block»;
}
}
function alternarMenuCs() {
if (menuCosmetica.style.display === «none») {
menuCosmetica.style.display = «block»; // Cambiar a block si está en none
menuAlimentacion.style.display = «none»;
} else {
menuCosmetica.style.display = «none»; // Cambiar a none si está en block
// menuPrincipal.style.display = «block»;
}
}
function alternarMenuH() {
if (menuHogar.style.display === «none») {
menuHogar.style.display = «block»; // Cambiar a block si está en none
} else {
menuHogar.style.display = «none»; // Cambiar a none si está en block
// menuPrincipal.style.display = «block»;
}
}
function alternarMenuP() {
if (menuPlantas.style.display === «none») {
menuPlantas.style.display = «block»; // Cambiar a block si está en none
} else {
menuPlantas.style.display = «none»; // Cambiar a none si está en block
// menuPrincipal.style.display = «block»;
}
}

// Agregar un evento clic al enlace
enlaceMenuA.addEventListener(«click», function(event) {
event.preventDefault(); // Para evitar el comportamiento predeterminado del enlace
alternarMenuA(); // Alternar el estado del filtro al hacer clic en el enlace
});
// Agregar un evento clic al enlace
QenlaceMenuA.addEventListener(«click», function(event) {
event.preventDefault(); // Para evitar el comportamiento predeterminado del enlace
alternarMenuA(); // Alternar el estado del filtro al hacer clic en el enlace
});
// Agregar un evento clic al enlace
enlaceMenuC.addEventListener(«click», function(event) {
event.preventDefault(); // Para evitar el comportamiento predeterminado del enlace
alternarMenuC(); // Alternar el estado del filtro al hacer clic en el enlace
});
// Agregar un evento clic al enlace
QenlaceMenuC.addEventListener(«click», function(event) {
event.preventDefault(); // Para evitar el comportamiento predeterminado del enlace
alternarMenuC(); // Alternar el estado del filtro al hacer clic en el enlace
});
// Agregar un evento clic al enlace
enlaceMenuCs.addEventListener(«click», function(event) {
event.preventDefault(); // Para evitar el comportamiento predeterminado del enlace
alternarMenuCs(); // Alternar el estado del filtro al hacer clic en el enlace
});
// Agregar un evento clic al enlace
QenlaceMenuCs.addEventListener(«click», function(event) {
event.preventDefault(); // Para evitar el comportamiento predeterminado del enlace
alternarMenuCs(); // Alternar el estado del filtro al hacer clic en el enlace
});
// Agregar un evento clic al enlace
enlaceMenuH.addEventListener(«click», function(event) {
event.preventDefault(); // Para evitar el comportamiento predeterminado del enlace
alternarMenuH(); // Alternar el estado del filtro al hacer clic en el enlace
});
// Agregar un evento clic al enlace
QenlaceMenuH.addEventListener(«click», function(event) {
event.preventDefault(); // Para evitar el comportamiento predeterminado del enlace
alternarMenuH(); // Alternar el estado del filtro al hacer clic en el enlace
});
// Agregar un evento clic al enlace
enlaceMenuP.addEventListener(«click», function(event) {
event.preventDefault(); // Para evitar el comportamiento predeterminado del enlace
alternarMenuP(); // Alternar el estado del filtro al hacer clic en el enlace
});
// Agregar un evento clic al enlace
QenlaceMenuP.addEventListener(«click», function(event) {
event.preventDefault(); // Para evitar el comportamiento predeterminado del enlace
alternarMenuP(); // Alternar el estado del filtro al hacer clic en el enlace
});

// Agregar un evento clic al botón de cerrar menú
cerrarMenu.addEventListener(«click», function(event) {
menuComplementos.style.display = «none»; // Ocultar el menú al hacer clic en el botón de cerrar event.preventDefault(); // Para evitar el comportamiento predeterminado del botón
menuAlimentacion.style.display = «none»; // Ocultar el menú al hacer clic en el botón de cerrar
menuCosmetica.style.display = «none»; // Ocultar el menú al hacer clic en el botón de cerrar
menuHogar.style.display = «none»; // Ocultar el menú al hacer clic en el botón de cerrar
menuClantas.style.display = «none»; // Ocultar el menú al hacer clic en el botón de cerrar
});

// Inicializar el estado del filtro al cargar la página
alternarMenuA();
alternarMenuC();
alternarMenuCs();
alternarMenuH();
alternarMenuP();
});