jQuery mouseleave удаляет, если следующий идентификатор hover не равен 'X'

Question

Я пытаюсь определить, что следующий наведение происходит после того, как значок завис.

Когда отображается значок (class = "infoToolTip"), отображается текстовое поле, пользователь оставляет значок и переходит в текстовое поле (id = "tooltip"). Мне нужно остаться, чтобы показать текстовое поле ,

Если зависший элемент не является «подсказкой» или «infoToolTip», тогда мне нужно удалить любой экземпляр «tooltip». Ниже jquery я до сих пор, любая помощь с этим было бы здорово. Заранее благодарим за любые ответы.

JQuery:

$('body').on('mouseenter', '.infoToolTip', function(){ 
    $('#tooltip').css({ left: pos_left, top: pos_top }).animate({ opacity: 1 }, 0); 
}); 

$('body').on('mouseleave', '#tooltip, .infoToolTip', function(){   
    $('#tooltip').remove(); 
}); 

JSFIDDLE

Answer 1

я решил использовать 'это: парить'

 $('body').on('mouseleave', '.infoToolTip', function(){  
       if(!$("#tooltip").is(':hover')) { 
       $('#tooltip').remove(); 
       } 
     });