使用jQuery在悬停状态下更改当前图像

Question

我在我的新网站上展示了我正在构建的这一时刻。当将鼠标悬停在展示图像上时，我想给它一些jQuery效果。我将目前的项目悬停在额外的课程上。然后，我给悬停类中的另一个课程下滑动作。在下面查看我的代码。

$(".itemContainer").hover(
    function() { 
    $(this).addClass('itemHover'); 
    }, 
    function() { 
    $(this).removeClass('itemHover'); 
    } 
); 

$('.image-hover-over').mouseover(
    function() { 
    $('.itemHover .image-hover-bg').slideDown(); 
    } 
); 

问题是，在第二次mouseover，似乎他不认识.itemHover呢。因为当我做下面的工作，但所有的项目。

$('.image-hover-bg').slideDown(); 

之后，它似乎与.itemHover也行，但第一次没有和我尝试了很多，并在网上搜索，但没有得到任何有用的提示。

任何人都可以告诉我如何给我的项目我徘徊一些效果？

Answer 1

您应该在hover（）处理程序中执行slideDown（）。您不必为mouseover定义处理程序。