jquery - Mouseenter 関数は div の上にボタンと画像を表示しますが、これらのブレークにカーソルを合わせると mouseleave 関数

Question

HTML

<div id="wrapper">

<div id="object1">
    <img src="https://dl.dropboxusercontent.com/u/682110/person1.png" width="100" height="100" />        
</div>  

<a class="button" href="#" >Register</a>

<div id="object-bg"></div>

</div>

JS

$("#object-bg").mouseenter(function () {
  $("#object1").delay(100).fadeIn(100);
  $(".button").delay(500).fadeIn(100);
});

$("#object-bg").mouseleave(function () {
  $("#object1, .button").css("display", "none");
});

ここで基本的なデモをセットアップしました: http://jsfiddle.net/jesseyuen/4FPfG/4/