jquery - Simple fadeIn fadeOut on hover div

Question

I'm new to jQuery and am really struggling with this one. I've read some past posts and tried to figure it out myself but still stuck.

Basically I would like a fadeIn effect on a child when entering a parent div and a fadeOut effect on the child when leaving the parent. At the moment, it fade's in fine, but when I enter the child div that suddenly fades out.

See my fiddle for more info.

Any info sent on is much appreciated.

Answer 1

スクリプトタグの以下のコードを置き換えます。

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