Javascript 出现JQuery悬停-覆盖。相反，客户端希望覆盖层在那个里，然后用鼠标悬停消失

我正在使用wordpress主题。它使用Jquery具有以下效果：当您将鼠标悬停在缩略图上时，将显示一个覆盖。相反，我的客户希望覆盖图出现，然后当你悬停时，它会显示下面的缩略图。有没有关于修改此代码以达到此效果的建议

谢谢

function gdl_portfolio_hover(selector){
    selector.each(function(){
        jQuery(this).hover(function(){
            var thumbnail_hover = jQuery(this).find('a.hover-wrapper');
            var thumbnail_overlay_hover = thumbnail_hover.children();

            thumbnail_overlay_hover.fadeIn(200);
        }, function(){
            var thumbnail_hover = jQuery(this).find('a.hover-wrapper');
            var thumbnail_overlay_hover = thumbnail_hover.children();

            thumbnail_overlay_hover.fadeOut(200);
        });
    }); 
}

---

这可能很愚蠢，但您是否尝试过切换这两个功能的具体内容？

您尝试过吗？如果是，你观察到了什么？您是否尝试独立地重新创建功能，以使用类似的方法简化它。如果是这样的话，我们可以有链接到它，这样我们也可以摆弄吗？我几乎不懂任何javascript。我把一点搞乱了（参见对SomeBigF**傻瓜回答的评论我会试试JSFIDLE，看看发生了什么值得一试..最初你会看到一个缩略图。如果你将鼠标悬停在缩略图上，会出现一个覆盖图（fadeIn），当你移开光标时，覆盖图就会消失（fadeOut）.我切换了fadeIn和fadeOut。仍然只是缩略图，但是现在如果你将鼠标悬停在上面，什么都不会发生，但是当你移开时，会出现覆盖。我希望覆盖从一开始就存在。。。