在小鼠中心内的Jquery mouseenter

Question

我使用以下代码，将鼠标悬停在某个项目上，可以查看该项目中的3个菜单选项。标准的东西。

现在，它还通过降低其余项目的css来突出显示悬停的项目。这很好但实际上太多了，页面最终像灯塔一样闪烁！因此，当鼠标进入#tiles li时，我希望项目gl_comments gl_like or gl_readd改变不透明度，这些项目是悬停在其中一个“图块”上时出现的

我是否需要在当前mouseenter函数中编写全新的mouseenter函数？如果是这样，我如何只选择父'瓷砖'？

目前正在使用：

$(document).ready(function(){
    $("body").on("mouseenter", "#tiles li", function ()
    {
    $(this).children(".gl_comments").fadeIn("fast");
    $(this).children(".gl_readd").fadeIn("fast");
    $(this).children(".gl_like").fadeIn("fast");
    $('#tiles li').css({opacity: '0.1'});
    $(this).css({opacity: '1'});
    });

    $("body").on("mouseleave", "#tiles li", function ()
    {
    $(this).children(".gl_comments").fadeOut("fast");
    $(this).children(".gl_readd").fadeOut("fast");
    $(this).children(".gl_like").fadeOut("fast");
    $('#tiles li').css({opacity: '1'});
    });
});