Afficher / Masquer une div à l'aide d'un Javascript

Bonjour,

Vous avez déjà voulu afficher / masquer un div à l'aide d'un bouton ? (Par exemple, un bouton voir plus)
Eh bien, ce code Javascript va vous permettre de le faire :

Code:

function toggle_visibility(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'none')
          e.style.display = 'block';
       else
          e.style.display = 'none';
    }

Ensuite, dans le html :

Code:

<a onclick="toggle_visibility('hiddendiv');" >Texte du lien</a>
<div id="hiddendiv" style="display: none;">Texte de la div cachée</div>

Lorsque vous allez cliquer sur le lien avec le onclick, la div cachée va apparaître, et inversement.
Cela peut être pratique pour afficher un menu déroulant en améliorant le script.

Coucou Laiorm,

Très bon ce tutoriel. Je m'y connais pas en Javascript. Avoir plus de temps, j'aimerais en apprendre d'avantage mais avec le boulot, c'est dur :/

Merci