Afficher / Cacher en Javascript

Résolu
Eric -  
Alain_42 Messages postés 5361 Date d'inscription   Statut Membre Dernière intervention   - 5 juin 2012 à 20:59
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!
A voir également:

3 réponses

Alain_42 Messages postés 5361 Date d'inscription   Statut Membre Dernière intervention   894
 
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
Mihawk Messages postés 4315 Date d'inscription   Statut Contributeur Dernière intervention   846
 
+1, mais la fonction n'a pas besoin d'être modifiée ;-)
0
Alain_42 Messages postés 5361 Date d'inscription   Statut Membre Dernière intervention   894
 
alors comment on e à display = "block" ?
0
Justin_Bebert
 
http://commentcamarche.sitesdebloques.org/forum/affich-2123713-spoiler-html

Vous avez des fontions recherchés sur le site ou même sur google.
0
Eric
 
Ho yeah! Merci beaucoup, mais ça fonctionne aussi seulement en ajoutant display:none.

Encore merci!
0