faire disparaître un div

[robin59]

bonjour et bienvenue dans ce script
je vais vous donner un script qui vous permettra de faire disparaître ou apparaître un div mais bon je vous préviens tout de suite ce n'est pas esthétique le div disparaît d'un coup il n'y a pas de transition comme dans le menu de ce site
déjà créer un div et appliquer lui un style en le mettant en display:none comme ceci :(le nom n'a pas trop d'importance mais on l'appellera plus loin dans le script

Code: Tout sélectionner

<div id="display" style="display:none;">
code à cacher</div>

ensuite voici le script pour le faire disparaître

Code: Tout sélectionner


<script type="text/javascript">
function visibilite(thingId)
{
var targetElement;
targetElement = document.getElementById(thingId) ;
if (targetElement.style.display == "none")
{
targetElement.style.display = "" ;
} else {
targetElement.style.display = "none" ;
}
}



</script>

et pour finir on met le lien qui permettra d'afficher le div quand on clique(vous pouvez aussi réaliser ceci en mettant un autre événement par exemple onLoad pour le body ou un onMouseOver )

Code: Tout sélectionner


<a href="javascript:visibilite('display');">Texte de votre lien</a>

voilà le script est fini vous pouvez le mettre maintenant faire disparaître un div simplement je suis désolé ce n'est pas très esthétique mais bon c'est un script que qui est vite fait