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 SIMY, l’allié parfait des journées ensoleillées. Tressé à la main en raphia par des artisans au savoir-faire unique, il capture l’esprit de la dolce vita avec une élégance bohème et une légèreté incomparable. Un design spacieux, une texture naturelle, une élégance sans effort. Matériaux 100% raphia naturel, tressé à la main. Anses en cuir véritable pour plus de résistance. Livraison et Retours Nous proposons une livraison rapide et sécurisée en 3 à 5 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"); } }); }
