exemple pour faire apparaitre un truc :
<element id="truc" style="display:none"> <element onclick="apparaitre()"> <script> function apparaitre() { truc.style.display = "block"; } </script> ⪼caché par defaut


exemple pour cacher le truc :
<element onclick="cacher()" > <script> function cacher() { truc.style.display = "none"; } </script>

exemple pour mettre du son :
<audio id="son" loop> <source src=""> </audio> <p onclick="playAudio()" >audio on</p> <p onclick="pauseAudio()">audio off</p> <script> function playAudio() { son.play(); } function pauseAudio() { son.pause(); } </script>


⪼son en boucle

exemple image+son
function () { x.style.display = "block"; x.play(); }

en complexifiant un peu il ya if / else
if verifie un état et execute else si non verifié

afficher/cacher un truc avec un meme bouton
onclick="changer()" id="truc" <script> function changer() { var x = document.getElementById("truc"); if (x.style.display === "none") { x.style.display = "block"; } else { x.style.display = "none"; }} </script>
⪼ x=le truc
⪼ si le truc est cacher
⪼ > afficher le truc
⪼ sinon (si il est afficher)
⪼ cacher le truc
var x = document.getElementById("nom");
⪼ pour la suite x=l'element identifié (sert à rien pour petit code)
onclick="changer()" id="truc"