jQuery中是否可以对具有显示和隐藏功能的两个div应用悬停元素？

Question

在我使用显示和隐藏功能时，我的div出现了一些闪烁。

我现在正在使用以下代码：

$(document).ready(function(){
  $("#tekstvanitem-1").hide();
  $("#thumbnail-1").hover(function(){
   $("#tekstvanitem-1").show();
   },function(){
   $("#tekstvanitem-1").hide();


 });
});

问题是当我将鼠标悬停在缩略图1上时，它会显示tekstvanitem-1。但由于tekstvanitem-1弹出在thumbnail-1上方，所以看起来像是闪烁，因为我不再在thumbnail-1上了。所以这是一种循环。

是否可以在我的鼠标悬停在thumbnail-1上或者鼠标悬停在tekstvanitem-1上时设置hover元素？

提前感谢！

- leonidus

---

示例 Fiddle：http://jsfiddle.net/Lqhqz/ - Pez Cuckow

Answer 1

当然。只需将#tekstvanitem-1放入选择器中即可...

$(document).ready(function(){
    $("#tekstvanitem-1").hide();
    $("#thumbnail-1, #tekstvanitem-1").hover(function(){
        $("#tekstvanitem-1").show();
    },function(){
        $("#tekstvanitem-1").hide();
    });
});

- Reinstate Monica Cellio