jQuery- show div on hover - hide div on mouseout

Question: How can we show div on hover and hide div on mouseout ?

Answer: Using below example code we can do this.

HTML

?

1 2 3 4 5 6

<a href="#" class="mark">hover anchor</a> <div class="icontent">   <p>     lorem ipsum dolor sit amet......   </p> </div>

JS

?

1 2 3 4 5 6

(function(){   var del = 200;   $('.icontent').hide().prev('a').hover(function(){     $(this).next('.icontent').stop('fx', true).slideToggle(del);   }); })();