Afficher / Cacher en Javascript

Résolu/Fermé

Eric - 3 juin 2012 à 23:08
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 - 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:

Afficher / Cacher en Javascript
Telecharger javascript - Télécharger - Langages
Cacher conversation whatsapp - Guide
Afficher appdata - Guide
Application pour cacher des applications - Guide
Cacher son numéro - Guide

3 réponses

Réponse 1 / 3

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
4 juin 2012 à 08:47

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>

Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 846
5 juin 2012 à 09:21

+1, mais la fonction n'a pas besoin d'être modifiée ;-)

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
5 juin 2012 à 20:59

alors comment on passe à display = "block" ?

Réponse 2 / 3

Justin_Bebert
4 juin 2012 à 02:06

http://www.commentcamarche.net/forum/affich-2123713-spoiler-html

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

Réponse 3 / 3

Eric
5 juin 2012 à 01:43

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

Encore merci!

Discussions similaires

Javascript Arrondi à 2 chiffres après la virgule

Quel fonction faire en b1 par rapport à a1