Jquery 3.2.1错误：无法读取undefined的属性'opacity'

Question

以下内容的淡入会出现控制台错误：Cannot read property 'opacity' of undefined它会逐渐消失，然后会消失，但不会再淡出。我应该使用不同的功能吗？

<div id="MenuButtonDiv" > 
    <img id="MenuButton" src="images/MenuButton.png" > 
</div>

 <script>

    HideMenuButton();

    function HideMenuButton()
    {
        $( "#MenuButton" ).delay( 3000 ).fadeOut(1000);
    }

    function ShowMenuButton()
    {
        $( "#MenuButton" ).fadeIn();
    }

    $("#MenuButtonDiv").hover(function(){
        ShowMenuButton();
      }, function(){
        HideMenuButton();
    });
</script>