jquery - jQuery显示和隐藏冲突

我创建了一些结合CSS的Jquery来执行以下操作

1）将鼠标悬停在图像上时，图像会褪色并显示粉红色bg

2）悬停时显示徽标

问题是当我重复课程时，徽标会全部显示

谁能帮忙。

请参阅Fiddle

$(".portfolio-home").hover(function () {
    $(this).find(".show-logo").show();
}, function () {
    $(this).find(".show-logo").hide();
})

最佳答案

只是选择器上缺少li。否则，它将在show-logo中搜索所有类为ul的元素。

$(".portfolio-home li").hover(function () {
    $(this).find(".show-logo").show();
}, function () {
    $(this).find(".show-logo").hide();
})

演示：http://jsfiddle.net/BC4eY/1435/

关于jquery - jQuery显示和隐藏冲突，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21049712/