Javascript afficher une div

Fermé

Itdaboyz Messages postés 359 Date d'inscription mercredi 22 juin 2011 Statut Membre Dernière intervention 2 juillet 2024 - 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:

Javascript afficher une div
Telecharger javascript - Télécharger - Langages
Afficher appdata - Guide
Afficher mot de passe wifi android - Guide
Afficher taille dossier windows - Guide
Windows 11 afficher d'autres options - Guide

1 réponse

Réponse 1 / 1

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>

Discussions similaires

Javascript Arrondi à 2 chiffres après la virgule

Où sont affichés les FPS Minecraft