Bonjour,

Je travail sur un projet JS, j'ai un petit soucis, j'ai des boutons qui affichent du contenu, j'arrive à afficher et cacher un élément mais je n'arrive pas à cacher tous les autres.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
let bouton1 = document.getElementById('button-1');
let bouton2 = document.getElementById('button-2');
let bouton3 = document.getElementById('button-3');
 
let content1 = document.getElementById('content-1');
let content2 = document.getElementById('content-2');
let content3 = document.getElementById('content-3');
 
let allContent = document.getElementsByClassName('content');
 
function displayContent(bouton, content) {
  bouton.addEventListener('click', function(){
  if (content.style.display === "none") {
    content.style.display = "block";
 
  } else {
    content.style.display = "none";
  }
  });
}
 
 
displayContent(bouton1, content1);
displayContent(bouton2, content2);
displayContent(bouton3, content3);
J'aimerai faire une fonction qui lorsque j'affiche un élément s'occupe de cacher les autres éléments de façon a ce qu'il y ait toujours un seul contenu d'afficher, es-ce-que vous auriez une idée de comment m'y prendre.
Si vous avez besoin de plus d'info, n'hésitez pas.