Проблема в том, что мышь вводит <a>, но , а затем , она находится в элементе всплывающей подсказки, поэтому вам нужно разделить курсор, как показано ниже:Вы можете попробовать здесь , так как наведение мыши происходит на <a>, добавьте к нему .mouseeenter(). Но , так как вы находитесь над #tooltip поверх <a>, чтобы скрыть его, вам нужно .mouseleave() на самом #tooltip.
То, что происходит в данный момент, начинается с .fadeIn(), но как только это происходит, происходит событие mouseleave (так как #tooltip не является дочерним), поэтому display: none; срабатывает (вы можете использовать .hide() здесь).display:none; действительно происходит, но следующий интервал замирания просто меняет его, так что в итоге вы получите затухающий элемент.Чтобы предотвратить это в описанном выше обработчике mouseleave, мы добавили .stop(), чтобы остановить дальнейшее замирание для этого наведения.