Bonjour à tous !

Je souhaite afficher/masquer du texte au clique de la souris sur un titre (pas au passage, un peu comme les spoilers que l'on peut trouver sur différents sites) et plusieurs fois sur la même page.

Le texte doit-être caché par défaut (à l'ouverture de la page).

Les contraintes : page html et le code JS doit être inclue sur la même page.

J'ai un code qui fonctionne mais le soucis c'est qu'il fonctionne que sur un élément (surement à ause de l'id, l'id=unique). Mais étant limité en caractère je voudrais éviter d'écrire chaque id dans le code Js.

Voici le code Js:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
 
<script language="javascript">
$(document).ready(function(){ 
      $('#toggle').click(function(){ 
           $("#test").toggle(); 
                });  });
</script>
Voici le code dans le body:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 
<a href='javascript:;' id="toggle">Le titre ou un  petit texte</a><p id="test" style="display: none">LE texte qui s'affiche ou secahe qund on clique sur le titre</p>

Le code fonctionne mais qu'une fois sur la page et pour un seul "titre" . je souhaiterais l'utiliser plusieurs fois, sur plusieurs "titres".

Si quelqu'un peut m'aider ...merci