Bonjour à tous et à toutes,

J'aurai besoins de votre aide pour faire évoluer un script js que j'utilise pour afficher et cacher une div lorsque l'on clique sur un bouton.

Pour le moment se script fonctionne avec un id unique du div et je voudrais qu'il puisse fonctionner avec des id dynamique ou l'id viendrait de ma bdd.

Voici le script fonctionnel actuel sur un id nommé.

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
<?php
echo'<div class="bttn_unite fl"><a href="#detail" title="Plus de détail"><span onclick="afficher_cacher("detail");">Plus de détail</span></a></div>';
 
echo'<div id="detail"><strong>Déscription :</strong> '.stripslashes(trim($resultats['description_long'])).'</div>';
?>
 
<script>afficher_cacher('detail');
			function afficher_cacher(id)
			{
				if(document.getElementById(id).style.visibility=="hidden")
				{
					document.getElementById(id).style.visibility="visible";
					document.getElementById(id).style.display = "block";
					document.getElementById('bouton_'+id).innerHTML='Cacher';
				}
				else
				{
					document.getElementById(id).style.visibility="hidden";
					document.getElementById(id).style.display = "none";
					document.getElementById('bouton_'+id).innerHTML='Afficher';
				}
				return true;
			}</script>
Pour la modif du code php je ferais ça

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
<?php
echo'<div class="bttn_unite fl"><a href="#detail'.intval($resultats['id']).'" title="Plus de détail"><span onclick="afficher_cacher("detail'.intval($resultats['id']).'");">Plus de détail</span></a></div>';
 
echo'<div id="detail'.intval($resultats['id']).'">
                                                        <strong>Déscription :</strong> '.nl2br(stripslashes(trim($resultats['description_long']))).'</div>';
?>
mais pour le js je n'en ai aucune idée.

Si quelqu'un pouvait m'aider ça serait cool.

Merci d'avance.