Utilities

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

<script>
document.querySelectorAll('[js-faq-collapse="true"]').forEach(function (element) {
  element.addEventListener('click', function () {
    if (!element.classList.contains('open')) {
      document.querySelectorAll('[js-faq-collapse="true"].open').forEach(function (item) {
        item.click();
      });
      element.classList.add('open');
    } else {
      element.classList.remove('open');
    }
  });
});
</script>

Etape 1 - Ajouter le script sur la page ou le projet Webflow

<!-- Scripts by Justa | FAQ -->
<script src="https://cdn.jsdelivr.net/npm/@justaa/scripts/dist/util/faq.js"></script>
<script>
document.querySelectorAll('[js-faq-collapse="true"]').forEach(function (element) {
  element.addEventListener('click', function () {
    if (!element.classList.contains('open')) {
      document.querySelectorAll('[js-faq-collapse="true"].open').forEach(function (item) {
        item.click();
      });
      element.classList.add('open');
    } else {
      element.classList.remove('open');
    }
  });
});
</script>
Copier

Etape 2 - Ajouter les attributes correspondants

DIV - Identifier le wrapper de chaque FAQ Question

Etape 2 - Ajuster le code pour votre besoin

Copié dans le presse-papiers
Logo Justa

Progressez sur Webflow

Oops! Une erreur s'est produite lors de la soumission du formulaire.