jquery淡入淡出div内停留在wordpress循环内

Question

我一直在玩一些不同的方式来做到这一点，我不是100％肯定他们中的任何一个将工作一旦进入循环。

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

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

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

预先感谢帮助

Answer 1

您需要将徘徊li元素

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

内限制查找hoverDisplay元素演示：Fiddle