document.addEventListener("DOMContentLoaded", function () {
const subcategorias = document.querySelectorAll(".subcategorias");
const showMoreButton = document.createElement("div");
// Oculta todos los elementos .subcategorias a partir del índice 8
for (let i = 8; i < subcategorias.length; i++) {
subcategorias[i].classList.add("hidden");
}
// Crea el botón para mostrar más elementos
showMoreButton.innerHTML = "+";
showMoreButton.className = "show-more";
showMoreButton.onclick = function () {
// Muestra todos los elementos .subcategorias ocultos
for (let i = 8; i < subcategorias.length; i++) {
subcategorias[i].classList.remove("hidden");
}
// Oculta el botón de mostrar más
showMoreButton.classList.add("hidden");
};
// Inserta el botón de mostrar más después del octavo elemento
subcategorias[7].insertAdjacentElement("afterend", showMoreButton);
});
