title: jQuery show div on hover - hide div on mouseout
body: <p>I have an anchor tag, which when hovered, I want a certain div ("mark") to show up. The div is NOT inside the anchor tag.</p>
  
  <p>The HTML is as follows:</p>
  
  <pre><code>       &lt;a href="#" class="mark"&gt;&lt;/a&gt;
            &lt;div class="icontent"&gt;
                  &lt;p&gt;
                  lorem ipsum dolor sit amet......
                   &lt;/p&gt;
             &lt;/div&gt;  
  </code></pre>
  
  <p>When mouse is hovered on ".mark", ".icontent" should show up. When mouse is out, ".icontent" should hide again. Is it also possible to add a 1 second transition to it?</p>
  
  <p>Thanks                   </p>