Show / hide DIV on mouse over
<p>I want to show a a DIV on image / link hover and i have written following code </p>

<pre><code>   $("#NotificationSummary").hover(
      function () {
          $("#dvNotifications").slideDown();
      },
      function () {           

          $("#dvNotifications").slideUp();
      }
    );
</code></pre>

<p>DIV is showing on hover but when i move to div it hides, How can i stop div from hiding while mouse is over it </p>

<p>please view the demo <a href="http://jsfiddle.net/3hqrW/15/" rel="nofollow">http://jsfiddle.net/3hqrW/15/</a></p>
