title: Show Hide div with css only
body: <p>I'm trying to do a show / hide using css only, is that possible or does some type of jscript is needed? this is what i'm trying to do, when anyone one of the 4 div's are clicked the div for it below is shown.</p>
  
  <pre><code>    &lt;div class="span3"&gt;
          &lt;img src="an1.jpg" class="img-rounded" /&gt;
          &lt;h3&gt;AN1&lt;br /&gt;1234&lt;/h3&gt;
      &lt;/div&gt;
  
      &lt;div class="span3"&gt;
          &lt;img src="an2.jpg" class="img-rounded" /&gt;
          &lt;h3&gt;AN2&lt;br /&gt;1234&lt;/h3&gt;
      &lt;/div&gt;
  
      &lt;div class="span3"&gt;
          &lt;img src="an3.jpg" class="img-rounded" /&gt;
          &lt;h3&gt;AN3&lt;br /&gt;1234&lt;/h3&gt;
      &lt;/div&gt;
  
      &lt;div class="span3"&gt;
          &lt;img src="an4.jpg" class="img-rounded" /&gt;
          &lt;h3&gt;AN4&lt;br /&gt;1234&lt;/h3&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Show div when div is click:</p>
  
  <pre><code>&lt;div style="display: none;"&gt; this is AN1 &lt;/div&gt;
  &lt;div style="display: none;"&gt; this is AN2 &lt;/div&gt;
  &lt;div style="display: none;"&gt; this is AN3 &lt;/div&gt;
  &lt;div style="display: none;"&gt; this is AN4 &lt;/div&gt;
  </code></pre>