title: CSS: On hover show and hide different div's at the same time?
body: <p>Here is CSS example how to show hidden div (on hover):</p>
  
  <pre><code>&lt;div class="showhim"&gt;HOVER ME&lt;div class="showme"&gt;hai&lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>and</p>
  
  <pre><code>.showme{ 
  display: none;
  }
  .showhim:hover .showme{
  display : block;
  }
  </code></pre>
  
  <p>Can I show one div and hide another one <strong>at the same time</strong> by using <strong>only CSS</strong>?
  Here is example how to use JS for this purpose: <a href="http://jsfiddle.net/joshvito/GaZQ6/">http://jsfiddle.net/joshvito/GaZQ6/</a></p>