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!

3 réponses

  1. Ho yeah! Merci beaucoup, mais ça fonctionne aussi seulement en ajoutant display:none.

    Encore merci!
    1. 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> 
      
      1. Contributeur
        +1, mais la fonction n'a pas besoin d'être modifiée ;-)
      2. alors comment on passe à display = "block" ?
    2. http://www.commentcamarche.net/forum/affich-2123713-spoiler-html

      Vous avez des fontions recherchés sur le site ou même sur google.