Html Afficher/cacher une DIV sur clique <a>

Résolu
Pascal_22 Messages postés 559 Statut Membre -  
 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

7 réponses

  1.
    MastercroW Messages postés 1259 Date d'inscription   Statut Membre Dernière intervention   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
    1. patata
       
      Avec cette solution, on peut faire apparaître une seule div, mas pas plusieurs. Cà beugue! :/
      0
      1. imane > patata
         
        tu peux essayer avec classe au lieu de id dans la balise div
        0
    2. jepstif
       
      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

Discussions similaires

div à 100% ne remplit pas toute la largeur??
olivierrobins -
olivierrobins -

8 réponses
2 div cote a cote dans une div
Pascal_22 -
arthezius -

5 réponses
espace entre 2 div
Sidewinder_Mi1k -
Sidewinder_Mi1k -

2 réponses
Centrer horizontalement plusieurs div dans un div principal
reedbedroom -
animostab -

4 réponses
CSS: Hover d'un div
Chabanus -
YoussefBehi -

8 réponses
comment créer une div scrollable html? urgent
Pitno -
tyranausor -

9 réponses