How to keep something shown while hovering over a div? (jQuery)

I'm having trouble with jQuery. Please have a look at this page. I've created a sliding image viewer which when hovered over shows a div with the class "paging". The problem I'm having is I want the div to be shown when hovering over it as well, as it now doesn't.

This is the javascipt which makes the div appear: (I removed two irrelevant lines from this code)

$(".image_reel a").hover(
function() {
    $(".paging").fadeIn('fast');
}, function() {开发者_如何学运维
    $(".paging").fadeOut('fast');
});

Any ideas? Thanks for the help.

You have to clear the animation queue to avoid the "blinking"

http://api.jquery.com/clearQueue/

you could try:

$(".image_reel").hover(/*...*/);

that should work if the .paging is inside the .image_reel