title: CSS: Hiding another div
body: <p>I have a parent div in my code, and 2 child divs. I want that on hovering the first child, the second child to hide. I want to do that only with css or js.</p>
  
  <p><a href="http://jsfiddle.net/Arkenn/jxq2M/" rel="nofollow"><strong>Here's my Fiddle</strong></a></p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="parrent"&gt;
      &lt;div id="child1"&gt;
          Hide child2
      &lt;/div&gt;
  
      &lt;div id="child2"&gt;  
          I must hide
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Thank you!</p>