mouse enter mouse leave jquery hover hoverout

mouse enter mouse leave jquery hover hoverout Demo

View Demo Full Screen View Demo New Tab

mouse enter mouse leave jquery hover hoverout Code

Javascript

$('#hover_tutor').mouseenter(function () {
       $(this).hide();
       $('#hover_tutor_hidden').show();
     });

 $('#hover_tutor_hidden').mouseleave(function () {
       $('#hover_tutor').show();
     $(this).hide();
     }
 ).mouseleave();//trigger mouseleave to hide second div in beginning