Afficher / Cacher en Javascript
Résolu
Bonjour!
Je ne sais pas si quelqu'un pourrait m'aider,
Voici mon code JS :
<script language="JavaScript" 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>
Voici le HTML :
<a href="javascript:visibilite('fonctionnalites');" class="fonctionnalites-top">Tous les fonctionnalités</a>
Rien de bien compliqué... Lorsque l'on clique sur le lien, la division du dessous est caché. Mais j'aimerais faire le contraire, lorsque l'on arrive sur la page, la division est caché, et lorsque l'on clique, elle s'affiche.
Merci d'avance!
Je ne sais pas si quelqu'un pourrait m'aider,
Voici mon code JS :
<script language="JavaScript" 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>
Voici le HTML :
<a href="javascript:visibilite('fonctionnalites');" class="fonctionnalites-top">Tous les fonctionnalités</a>
Rien de bien compliqué... Lorsque l'on clique sur le lien, la division du dessous est caché. Mais j'aimerais faire le contraire, lorsque l'on arrive sur la page, la division est caché, et lorsque l'on clique, elle s'affiche.
Merci d'avance!
3 réponses
-
dans le div concerné, pour le cacher tu mets dans la balise <div style="display:none;">
et ta fonction devient:
<script language="JavaScript" type="text/javascript"> function visibilite(thingId) { var targetElement; targetElement = document.getElementById(thingId) ; if (targetElement.style.display == "none") { targetElement.style.display = "block" ; } else { targetElement.style.display = "none" ; } } </script> -
http://www.commentcamarche.net/forum/affich-2123713-spoiler-html
Vous avez des fontions recherchés sur le site ou même sur google. -
Ho yeah! Merci beaucoup, mais ça fonctionne aussi seulement en ajoutant display:none.
Encore merci!
