How to make item's title fade away

How to make item's title fade away

I'm using jquery's tooltip to display the title of and item:
<a href="#" title="Delete" class="show-option" />
And JS:
$(function() {
$( ".show-option" ).tooltip({
show: {
effect: "slideDown",
delay: 300
}
});
});
The problem is that as long as the cursor hovers over the item, the title
will be displayed. But what I want is a title that fades away after 3
seconds of the cursor being over the item.
I've been looking around for some solutions but nothing works, hope this
is possible to do.