为什么淡入/淡出只工作一次？

Question

我知道这是一个非常白痴的问题，但我正在尝试制作一个 div 显示并在鼠标悬停时隐藏，但是当鼠标悬停在 div 上时它只能工作一次，然后 div 淡出并且不会再次淡入。 我错过了什么吗？

提前致谢

它正在运行：http://jsfiddle.net/rB9fk/3/

Answer 1

淡出不仅使元素不可见，而且根本不显示。在$(this).fadeOut('fast') 执行后，视图中没有div.backgroundHover 可以悬停。

你应该只淡出你正在淡入的相同元素：

$(this).find(".botoesHover").fadeOut('fast');

更新 jsFiddle：http://jsfiddle.net/rB9fk/5/

Answer 2

这可能是一个更好的解决方案：

使用 CSS3 过渡，不需要 jQuery。

http://jsfiddle.net/rB9fk/7/