Javascript afficher une div

Fermé
Itdaboyz Messages postés 354 Date d'inscription mercredi 22 juin 2011 Statut Membre Dernière intervention 4 novembre 2023 - 11 déc. 2011 à 20:36
scriptiz Messages postés 1424 Date d'inscription dimanche 21 décembre 2008 Statut Membre Dernière intervention 14 septembre 2023 - 11 déc. 2011 à 22:13
Bonjour,
Je voudrais créer une div cacher que l'on pourrait afficher avec un clic sur un lien, j'ai essayer plusieurs code javascript, j'ai tout essayer je n'arrive pas...
Comment faire pour que quand je clic sur par exemple, afficher le contenu, le "afficher le contenu" disparait et le contenu s'affiche.

Merci de m'aider !
A voir également:

1 réponse

scriptiz Messages postés 1424 Date d'inscription dimanche 21 décembre 2008 Statut Membre Dernière intervention 14 septembre 2023 425
11 déc. 2011 à 22:13
<!DOCTYPE html>
<html>
<head>
<title>Hidden div</title>
<script language="JavaScript" type="text/javascript">
function turnVisible()
{
	var myDiv = document.getElementById("div_test");
	
	if(myDiv.style.visibility == "hidden")
		myDiv.style.visibility = "visible";
	else
		myDiv.style.visibility = "hidden";
}
</script>
</head>

<body>
<input type="button" onclick="javascript:turnVisible();" value="Switch" />
<div id="div_test" style="visibility:hidden;background-color:#99FF99;">The hidden content of the document......</div>
<div id="div_test" style="background-color:#FF9999;">The visible content of the document......</div>
</body>
</html>
0