Coder une foire aux questions (design + code) 

Petit refactoring, on peut modifier le JavaScript avec une version plus courte. Le but est d'utiliser .toggle à la place du if/else + add/remove. const questionTogglers = document.querySelectorAll(".faq__question-toggler") questionTogglers.forEach(toggler => toggler.addEventListener("click", handleQuestionToggle)) function handleQuestionToggle(e){ const toggler = e.target const contentToToggle = document.getElementById(toggler.getAttribute("aria-controls")) const iconToAnimate = toggler.querySelector(".faq__question-toggler-icon") const toggledState = toggler.getAttribute("aria-expanded") === "true" ? true : false contentToToggle.classList.toggle("faq__content-container--active"); toggler.setAttribute("aria-expanded", toggledState ? false : true); iconToAnimate.classList.toggle("faq__question-toggler-icon--active"); }

Génial le showHide grid, merci ! 😍 Un site sur l'accessibilité qui n'est pas traduit en toutes les langues et en plus qui n'est pas très simple à comprendre, bah ce n'est pas accessible pour tous. C'est même paradoxal 🧐 voire quantique 🤓😎 (accessibilité de Schrodinger) Je croyais que le terme "toggle" était du français et correspondait bien à un basculement entre ouvrir et fermer. En Picardie quand tu l'ouvres il y en a toujours un qui de dit « toggle » 🙄

Si tu avais sorti cette vidéo il y a une semaine ça aurait été top, j'avais justement un composant Angular à créer, j'ai juste ajouter le fait de pouvoir en ouvrir un à la fois, si l'un s'ouvre, on ferme celui d'ouvert. Pas mal l'astuce de grid, moi j'ai dû allé cherché la hauteur de chaque élément afin d'avoir un fondu sympa. Autre petit truc pour la gestion de tes fenêtres en vidéo de présentation, j'utilise l'outil powertoys pour sa gestion de fancy zones, très pratique (je bosse sur un 49", ça me sauve la vie). Merci pour ton partage !

Super vidéo 😊 Manque juste la présentation d'une alternative animée en full css, hé oui, cest possible 🙂

Merci pour cette vidéo

salut merci pour ce tuto mais malheureusement il n'y a pas le fichier figma dans les sources