Accordéon Description Produit /* Style général */ body { font-family: Arial, sans-serif; background-color: #fff; /* Fond blanc */ margin: 0; padding: 0; color: #000; /* Texte noir */ } .accordion { background-color: #fff; /* Fond blanc pour les boutons */ color: #000; /* Texte noir pour les boutons */ cursor: pointer; padding: 12px 20px; width: 100%; border: 1px solid #000; /* Liseré noir */ text-align: left; outline: none; font-size: 16px; margin: 5px 0; font-weight: 600; box-shadow: none; /* Pas d'ombre */ border-radius: 0; /* Bords carrés */ } .accordion:hover { border-width: 3px; /* Liseré plus épais au survol (plus gras) */ } .panel { display: none; padding: 10px 20px; background-color: #fff; /* Fond blanc pour les panels */ border-left: 1px solid #000; /* Bordure noire */ border-right: 1px solid #000; border-bottom: 1px solid #000; margin-bottom: 10px; } .panel p { font-size: 14px; line-height: 1.6; color: #000; /* Texte noir */ margin: 0; } Description EMY, c’est l’essence même du sac tendance qui allie authenticité et modernité. Imaginé par notre talentueuse illustratrice Jade et tricoté à la main par des artisans au savoir-faire unique, son tressage structuré lui confère un charme singulier et une allure affirmée. Matériaux Fabriqué à la main avec du cordon en yarn de qualité supérieure. Doublure intérieure en tissu durable et doux. Fermeture en métal robuste et élégante. Livraison et Retours Nous proposons une livraison rapide et sécurisée en 5 à 10 jours ouvrés. Les retours sont acceptés dans les 14 jours suivant la réception, sous réserve que le produit soit dans son état original. var acc = document.getElementsByClassName("accordion"); for (var i = 0; i < acc.length; i++) { acc[i].addEventListener("click", function() { // Ferme tous les panels var allPanels = document.getElementsByClassName("panel"); var allButtons = document.getElementsByClassName("accordion"); for (var j = 0; j < allPanels.length; j++) { if (allPanels[j] !== this.nextElementSibling) { allPanels[j].style.display = "none"; allButtons[j].classList.remove("active"); } } // Bascule l'affichage du panel actuel var panel = this.nextElementSibling; if (panel.style.display === "block") { panel.style.display = "none"; this.classList.remove("active"); } else { panel.style.display = "block"; this.classList.add("active"); } }); }
