Html Afficher/cacher une DIV sur clique <a>

Résolu/Fermé
Pascal_22 Messages postés 534 Date d'inscription lundi 20 mars 2006 Statut Membre Dernière intervention 29 août 2014 - 9 mars 2011 à 20:53
 jepstif - 27 déc. 2020 à 09:48
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

7 réponses

MastercroW Messages postés 1095 Date d'inscription dimanche 3 octobre 2010 Statut Membre Dernière intervention 31 mai 2019 163
10 mars 2011 à 20:19
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
Avec cette solution, on peut faire apparaître une seule div, mas pas plusieurs. Cà beugue! :/
0
imane > patata
17 nov. 2015 à 12:17
tu peux essayer avec classe au lieu de id dans la balise div
0
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
0