Блог

У меня есть событие mousemove для отображения моей всплывающей подсказки при вводе мыши внутри цели div, но я не могу скрыть всплывающую подсказку, когда я ухожу от цели div.

 <div class="timeline">
 <!-- My tooltip need to show only when mousemove inside this div and hide when move out-->
</div>
 

 .timeline {
 width: 100%;
 height: 400px;
 border: 3px solid;
}

.tooltip {
 display: none;
 width: 100px;
 height: 100px;
 border: 1px solid;
}
 

 $('.timeline').on('mousemove.tooltip', function(e){
 $('.tooltip').css({
  'display': 'block,
  'left' : e.pageX,
  'top' : e.pageY,
 });
});
 

Спасибо.