Afficher, de Masquer div en css uniquement

Je suis en train de faire un afficher /cacher l'aide de css, est-ce possible ou n'est un certain type de jscript est-elle nécessaire? c'est ce que je suis en train de faire, quand quelqu'un l'une des 4 div à l'utilisateur clique sur le div pour qu'elle est indiquée ci-dessous.

    <div class="span3">
        <img src="an1.jpg" class="img-rounded" />
        <h3>AN1<br />1234</h3>
    </div>

    <div class="span3">
        <img src="an2.jpg" class="img-rounded" />
        <h3>AN2<br />1234</h3>
    </div>

    <div class="span3">
        <img src="an3.jpg" class="img-rounded" />
        <h3>AN3<br />1234</h3>
    </div>

    <div class="span3">
        <img src="an4.jpg" class="img-rounded" />
        <h3>AN4<br />1234</h3>
    </div>

Montrer div lorsque div cliquez sur:

<div style="display: none;"> this is AN1 </div>
<div style="display: none;"> this is AN2 </div>
<div style="display: none;"> this is AN3 </div>
<div style="display: none;"> this is AN4 </div>
  • Il n'existe pas de cliquez sur les gestionnaires d'événements dans le CSS.
  • JQuery est dans cette condition
  • Vous aurez besoin de jQuery ou Javascript pour lier cliquez sur événements.
  • Vous avez besoin de javascript pour ça, si vous voulez utiliser comme peu de javascript que possible, puis de traiter toutes les afficher/masquer les éléments avec une classe css et ajouter/supprimer cette classe avec javascript
InformationsquelleAutor acctman | 2013-06-11