vendredi 1 août 2014

[HTML][JAVASCRIPT] Afficher/masquer le contenu d'une DIV

Code HTML pour la balise div qui va encadré votre contenu :

<div id="id_div_1" style="display:none;"> Texte à masquer, afficher
</div>

Code HTML pour le lien sur lequel il faudra cliquer pour afficher votre contenu :

<a href="" onclick="javascript:visibilite('id_div_1'); return false;" >Lien</a>

Et enfin la fonction JAVASCRIPT à mettre dans votre <head>
      <script>
function visibilite(thingId)
{
var targetElement;
targetElement = document.getElementById(thingId) ;
if (targetElement.style.display == "none")
{
targetElement.style.display = "" ;
} else {
targetElement.style.display = "none" ;
}
}
</script>

Aucun commentaire:

Enregistrer un commentaire