jQuery fadein div多次重载

Question

我有这个Bootply并且它可以按照我想要的方式工作，除了当隐藏的div fadeIn时，当我将它悬停时它会一次又一次地重新加载。

我希望当我将鼠标移动到稳定状态而不是多次重新加载时。 有什么建议？

jQuery代码

$(document).ready( function() {
  $('h5').hover( function() {
    $(this).siblings('.hidd').stop(true, true).fadeIn();
  },
  function() {
    $(this).siblings('.hidd').fadeOut();
  });
});

Answer 1

试试这个，.hidd显示在h5上方，导致鼠标离开h5： -

$(document).ready( function() {
  $('h5').mouseover( function() {
    $(this).siblings('.hidd').stop(true, true).fadeIn();
  });
  $('.hidd').mouseout(function() {
    $(this).fadeOut();
  });
});

现在当.hidd显示在前面时，鼠标输出事件会在休假时触发。