title: Toggle div's on hover
body: <p>I have a test UL list that goes like this:</p>
  
  <pre><code>&lt;ul&gt;
  &lt;li id="firstdiv"&gt;First div&lt;/li&gt;
  &lt;li id="seconddiv"&gt;Second div&lt;/li&gt;
  &lt;li id="thirddiv"&gt;Third div&lt;/li&gt;
  ....
  &lt;/ul&gt;
  </code></pre>
  
  <p>And, bellow that i have related div's, aka:</p>
  
  <pre><code>&lt;div id="firstdiv"&gt;Content Here&lt;/div&gt;
  &lt;div id="seconddiv"&gt;Content Here&lt;/div&gt;
  &lt;div id="thirddiv"&gt;Content Here&lt;/div&gt;
  </code></pre>
  
  <p>I was wondering how could i make each div only shows when its LI item is hovered, maybe with some fadein effect.
  I tried with some other answers from here, but no luck :\</p>