Création d'un sous menu cliquable

[debounette]

Bonjour,

Je suis en train de créer mon site mais je suis débutante, j'apprends toute seule avec les forums, tutoriels mais là je bloque.

Je voudrais insérer dans une page des paroles de plusieurs chansons mais je souhaiterais mettre le titre avec l'image (ça c'est fait) et en dessous un lien cliquable "Cliquez ici pour les paroles" qui afficherait juste en dessous les paroles et recliquer pour le fermer.

J'ai trouver ce code à insérer dans ma page :

<dd><a onclick="javascript: showmenu(document.getElementById('sousmenu'));"

style="cursor: pointer;">Cliquez ici pour les paroles!</a>
<br>
<dl id="sousmenu" style="display: none;">
<dd>
"ici les paroles de la chanson"
</dd>
</dl>
</dd>

Et ce script à insérer en haut de ma page:

function showmenu(menu) {

if (menu.style.display == 'none') menu.style.display = 'block';

else menu.style.display = 'none';

}

Le code fonctionne très bien pour les paroles d'une seule chanson.
Mais si je veux en faire une autre en dessous (pas sur le même lien)cela ne marche pas ça ouvre la première chanson uniquement.
Je pensais que je pouvais faire un copier coller du code et faire autant de lien cliquable que je voulais mais cela ne doit pas fonctionner comme ça.

Pouvez-vous m'aider?

Merci

[webmaster]

Bonjour,

Tu devrais essayer de remplacer sousmenu par sousmenu1 pour le premier titre, puis par sousmenu2 pour le deuxième etc... pour voir ce que ça donne. Il faut remplacer ça à deux endroit dans le code html voir ci-dessous

<dd><a onclick="javascript: showmenu(document.getElementById('sousmenu1'));"

style="cursor: pointer;">Cliquez ici pour les paroles 1!</a>
<br>
<dl id="sousmenu1" style="display: none;">
<dd>
"ici les paroles de la chanson 1"
</dd>
</dl>
</dd>
<dd><a onclick="javascript: showmenu(document.getElementById('sousmenu2'));"

style="cursor: pointer;">Cliquez ici pour les paroles 2!</a>
<br>
<dl id="sousmenu2" style="display: none;">
<dd>
"ici les paroles de la chanson 2"
</dd>
</dl>
</dd>

Il n'y a pas besoin de changer le script se trouvant dans le header de la page.

Normalement ça va marcher