fadeIn sur mouseover ne fonctionne pas ?

Bonjour,

Je me permets de faire doublon avec un de mes sujets sur OCR pour maximiser mes chances de réponse.

Alors : J'essaye de mettre en place un petit système de notification à la facebook. En gros, quand la notification apparait, je veux qu'elle fadeout lentement au bout de 3s. Mais si pendant le fadeout, l'utilisateur passe sa souris par-dessus, elle re-fadein jusqu'à réapparition complète. Puis, si l'utilisateur retire son curseur de la notification, rebelote, un fadeout au bout de 3s.

Avec jQuery, j'ai essayé de traduire ça par :

1
2
3
4
5
6
7
8
9

let handler = $('#mon_id');
handler.delay(3000).fadeOut(2000);

handler.mouseenter(function(){
    handler.stop(true).fadeIn(100);
});
handler.mouseleave(function(){
    handler.stop(true).delay(3000).fadeOut(2000);
});

Les différents delay() et fadeOut() fonctionnent, mais fadeIn() semble ne jamais être appelé. Par exemple : une notification apparait, j'attends 3s et elle commence doucement à disparaitre. Quand je mets mon curseur sur la notification, le fadeout se stoppe, mais la notification ne retrouve pas son opacité. Elle reste là où le fadeout s'est arrêté.

D'où vient ce problème ?

Merci par avance.