Le choix d'une sélection entraîne l'actualisation de la page entière.
// Fonction pour initialiser l'accordéon
function initAccordion() {
const accordionItems = document.querySelectorAll(".product-about__accordion-item");
accordionItems.forEach(item => {
const title = item.querySelector(".product-about__accordion-title");
const content = item.querySelector(".product-about__accordion-description");
if (!title || !content) return;
// Évite d'ajouter plusieurs fois le listener
if (!title.classList.contains("accordion-initialized")) {
title.classList.add("accordion-initialized");
title.addEventListener("click", function() {
// Bascule l'affichage du contenu
const isVisible = content.style.display === "block";
content.style.display = isVisible ? "none" : "block";
// Bascule la classe pour l'icône ou style ouvert/fermé
title.classList.toggle("is-open", !isVisible);
});
}
});
}
// Observer le DOM au cas où Flocapp injecte du contenu après le chargement
const observer = new MutationObserver(() => {
initAccordion();
});
// Commence à observer le body
observer.observe(document.body, { childList: true, subtree: true });
// Initialise immédiatement au cas où le contenu est déjà là
document.addEventListener("DOMContentLoaded", initAccordion);
