Html Afficher/cacher une DIV sur clique <a>

Résolu/Fermé
Signaler
Messages postés
534
Date d'inscription
lundi 20 mars 2006
Statut
Membre
Dernière intervention
29 août 2014
-
 jepstif -
Bonjour,

J'aimerais savoir, s'il est possible, a l'aide de CSS, d'afficher et de cacher une DIV lors d'un clique sur un lien <a href> ?

Comment détecter a partir du CSS qu'un lien a été cliquer ??


Merci beaucoup

Pascal_22

A voir également:

7 réponses

Messages postés
1094
Date d'inscription
dimanche 3 octobre 2010
Statut
Membre
Dernière intervention
31 mai 2019
163
Bonsoir,
Voilà une solution en js très simple :

Entre <head> et </head>
<script type="text/javascript">
function switchInfoPerso()
{
divInfo = document.getElementById('divacacher');
if (divInfo.style.display == 'none')
divInfo.style.display = 'block';
else
divInfo.style.display = 'none';
}
</script>


Code HTML
<a href="javascript: switchInfoPerso();">Afficher le texte</a>
<div id="divacacher" style="display: none;">Le texte qui est cacher</div>
24
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 41989 internautes nous ont dit merci ce mois-ci

Avec cette solution, on peut faire apparaître une seule div, mas pas plusieurs. Cà beugue! :/
> patata
tu peux essayer avec classe au lieu de id dans la balise div
bonjour
merci pour ce post qui a répondu à ma question
comment faire pour masquer une div ?
merci beaucoup
bonnes fêtes de fin d'année
Messages postés
171
Date d'inscription
dimanche 6 mars 2011
Statut
Membre
Dernière intervention
10 mars 2011
61
Tres bonne question dont je ne connais pas la solution...
Mais ca m interresse donc je suis le post...


Ca marche en php, ca c est sur... Mais juste en html et Css... Ca m interresse vraiment de savoir...
Messages postés
534
Date d'inscription
lundi 20 mars 2006
Statut
Membre
Dernière intervention
29 août 2014
54
En fait ce que j'aimerais, c'est que sur le clique d'un lien on fait apparaître une div avec du contenue.

Premièrement: Est-ce que cela se fait avec seulement du CSS?

Sinon, qu'elle est le meilleur moyen de la faire apparaître par un clique sur un clien pour être le plus compatible possible avec tous les navigateurs

Merci

Pascal_22
Messages postés
534
Date d'inscription
lundi 20 mars 2006
Statut
Membre
Dernière intervention
29 août 2014
54
MErci beaucoup MastercroW,

Mais est-ce que tu sais si ce code est valie autant pour IE, FF, et d'autre comme pouir les plus vielle version de IE?

Merci milles fois!

Pascal_22
Messages postés
1094
Date d'inscription
dimanche 3 octobre 2010
Statut
Membre
Dernière intervention
31 mai 2019
163
Ben essaie ?
Mais je pense que sa fonctionne !
Messages postés
534
Date d'inscription
lundi 20 mars 2006
Statut
Membre
Dernière intervention
29 août 2014
54
Oui biensur! :)

Mais c un peu plus compliquer pour les veilles version IE.

Merci et bonne soirée!

Pascal
Messages postés
1094
Date d'inscription
dimanche 3 octobre 2010
Statut
Membre
Dernière intervention
31 mai 2019
163
C'est résolu ?
Messages postés
534
Date d'inscription
lundi 20 mars 2006
Statut
Membre
Dernière intervention
29 août 2014
54
Oups... Oui c'est résolu! Merci beaucoup MastercroW!

Pascal_22