Javascript 对切片图像进行淡入淡出

我有一个图像，是分为9个图像到多个div

我想在3组切片图像上实现淡入焦点。当我将鼠标移动到一组图像时，另一组图像将淡出

当我将鼠标悬停在同一组中的图像上时，问题出现了，其他图像将闪烁。任何人都可以帮助我检测我是否仍在同一组图像中

$(".group1").mouseenter(function (){
  $(".group2, .group3").fadeTo("slow",.5);
}).mouseout(function (){
  $(".group1, .group2, .group3").fadeTo("slow",1);
});

---

由于group1是一个类，我假设您已经将它分配给了您的三个部门。每次鼠标离开任何一个分区时都会发生鼠标移出事件，即使它直接进入另一个group1分区（如您所希望的）

我认为最简单的解决方案是将每个组包装在一个外部div中，并绑定到以下内容：

$("#group1Wrapper").mouseenter(function (){
  $(".group2, .group3").fadeTo("slow",.5);
}).mouseout(function (){
  $(".group1, .group2, .group3").fadeTo("slow",1);
});

---

“你可能需要展示一个有效的例子。”罗托拉：我不知道。当我的鼠标滑过多个切片图像时，其他组会闪烁（淡入淡出）。我希望我可以包装组，但我不能：（因为有些图像是L形的。）