Global

Fermer question à l'ouverture d'une autre (FAQ)

Permet de fermer un accordéon au sein d'une FAQ quand on clique sur une nouvelle question

Copier ce script

Etape 1

Copier le script et le coller sur votre page ou projet Webflow

<script>
document.querySelectorAll('[faq-collapse="true"]').forEach(function(element) {

element.addEventListener("click", function() {

if (!element.classList.contains("open")) {

document.querySelectorAll('[faq-collapse="true"].open').forEach(function(item) {

item.click();});element.classList.add("open");} else {

element.classList.remove("open");}

});})
</script>
Copier

Etape 2

Intégrer sur Webflow en adaptant à votre projet et votre configuration

  1. Ajouter l'attribute faq-collapse avec la valeur true à chacun des accordéons
  2. Ajouter une combo class open pour créer l'effet d'ouverture

Script proposé par Mickael Boussard