javascript - jQuery Fadein div在wordpress循环内悬停

我一直在尝试几种不同的方法来完成此操作，但我不确定100％确定其中任何一种一旦投入使用就可以使用。

我已经尝试了几种不同类型的jquery悬停效果，但是有没有办法只选择.library的子级.displayDiv？

我把我放在这里：http://jsfiddle.net/XkaLh/

$('li').hover(
    function()
{
    $('.hoverDisplay').animate({ 'opacity': 1 });
},
function()
{
    $('.hoverDisplay').animate({ 'opacity': 0 });
});

预先感谢您的帮助

最佳答案

您需要将查询hoverDisplay元素限制在悬停的li元素内

$('li').hover(function () {
    $(this).find('.hoverDisplay').animate({
        'opacity': 1
    });
}, function () {
    $(this).find('.hoverDisplay').animate({
        'opacity': 0
    });
});

演示：Fiddle