jQuery Pop Up Problem

Hello there,

I am new to jQuery and I am working on a website with some smooth effects.

I want to pop up a <div> when the mouse is over the link. If the mouse isn't anymore over the link the <div> should hide.

At the moment when the mouse is over the link the <div> appears, but it doesn't disappear when the mouse isn't over the link anymore.

$(".abouthover").hide();
$(".about").hover(function(){
$(".abouthover").slideToggle("slow");
});

What can I do that the <div> disappears when the mouse isn't over the link anymore.

The hover function takes two arguments-- the first is a function that describes what to do when the mouse moves into the element, the second is a function that describes what to do when the mouse moves out of the element.

You may be interested in using a plugin that has done all the work for you-- I've used this one and like it:

http://plugins.learningjquery.com/cluetip/demo/