jquery - 悬停div上的简单淡入淡出淡出

Question

我是 jQuery 的新手，我真的在努力解决这个问题。我已经阅读了一些过去的帖子并试图自己弄清楚但仍然卡住了。

基本上，我希望在进入父 div 时对孩子产生淡入效果，并在离开父母时对孩子产生淡出效果。目前，它淡入淡出，但是当我进入突然淡出的子 div 时。

有关更多信息，请参阅我的小提琴。

非常感谢发送的任何信息。

Answer 1

替换脚本标记中的以下代码。

$(function() {
    $('#ms8container').hover(function() {
        $('#videoButtonContainer').fadeIn('slow');
      },
      function(){
        $('#videoButtonContainer').fadeOut('slow');
      }
   );
});