Affichage de texte onclick
Bonjour à tous,
Je débute en php et après pas mal de lecture et de pratique, je m'introduit tout doucement à intégrer un peu de Javascript dans mon code.
Voilà le topo, j'ai une série de bouton (disposant tous d'un ID unique) et au clic de ce bouton je souhaiterais faire apparaitre/disparaitre du texte (qui par défaut est caché)
Pour résumé j'ai donc ceci :
Code:
1 2 3 4 5 6
|
<button onclick="show()"> My button
</button>
<div id="list"> My list
</div> |
CSS:
Code:
1 2 3
| #list{
display : none;
} |
Javascript :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21
|
button = document.getElementsByTagName('button');
para = document.getElementsByID('list');
function show(x) {
para[x].style.display = 'block';
button[x].onclick = function() {
hide(x);
}
}
function hide(x) {
para[x].style.display = 'none';
button[x].onclick = function() {
show(x);
}
}
button[0].onclick = function() {
show(0);
} |
Je sais que mon code Javascript est faux, mais au moins j'ai essayé de pondre quelque chose qui me semblait +- cohérent. Est-ce que quelqu'un pourrait m'aider à y voir plus clair dans ceci ? :?