li悬停时淡入/淡出div

Question

我希望fade in div.imageHover在鼠标悬停时悬停li和fade out

这是我的try

但结果不是我所期望的。

jquery的

(function($) {
        $(function() {
                $('.recentWorks >li').hover(function() {
               $('.imageHover').fadeToggle("slow");
            });
        });
    })(jQuery)

Answer 1

您需要定位当前（悬停的）li

中的元素

$(this).find('.imageHover').fadeToggle("slow");

演示：Fiddle

$('.imageHover')使用类imageHover获取页面中的所有元素，但您需要的是将搜索范围限制在上面给出的悬停li内。您可以使用.find()来执行此操作。

另一种选择是通过context to the jQuery调用（它与上面的调用相同）

$('.imageHover', this).fadeToggle("slow");

演示：Fiddle