Salut,
tu pars sur une mauvaise réflexion dans cette implé: ne cherches pas à faire du "si je quitte tel truc pour aller sur tel autre" car les transitions, c'est ingérable. Fais-le soit simplement en CSS (element:hover ~ .sibling-to-show { display: block; }) qui me semble simple et adaptable pour d'autres supports sans souris, soit un event listener mouseenter (ou mouseover?...) sur le body, qui ferme le menu, et un event listener mouseenter (ou mouseover?...) sur le menu qui stoppe la propagation de cet élément.
Note que je n'aime pas trop les menus hover: d'un point de vue utilisabilité, je ne les trouve pas terribles. Pour les tactiles, c'est mort et pour peu qu'un seul petit pixel d'écart se place au mauvais endroit, le menu devient inutilisable (je sais: j'en ai sur le blog https://toile.reinom.com mais je les trouve acceptable, d'une part parce que je n'ai pas envie de changer le thème, mais surtout parce que le click sur le bouton de menu survolable fait arriver sur une page qui contient les mêmes sous-menu que le survol: le survol n'est alors qu'un raccourcis pour accéder aux sous-menus, et non pas un passage obligé).
Note aussi que jQuery, à part rajouter de la lourdeur et freiner les dev dans la curiosité de "quelles API javascript sont sorties ces derniers temps?" ne sert pas à grand chose... document.querySelector('.br_troupes').addEventListener('mouseleave', e => { ... }) ne recourt à aucune lib
Note enfin que j'ai éditer le titre, pour en trouver un plus clair.
tu pars sur une mauvaise réflexion dans cette implé: ne cherches pas à faire du "si je quitte tel truc pour aller sur tel autre" car les transitions, c'est ingérable. Fais-le soit simplement en CSS (element:hover ~ .sibling-to-show { display: block; }) qui me semble simple et adaptable pour d'autres supports sans souris, soit un event listener mouseenter (ou mouseover?...) sur le body, qui ferme le menu, et un event listener mouseenter (ou mouseover?...) sur le menu qui stoppe la propagation de cet élément.
Note que je n'aime pas trop les menus hover: d'un point de vue utilisabilité, je ne les trouve pas terribles. Pour les tactiles, c'est mort et pour peu qu'un seul petit pixel d'écart se place au mauvais endroit, le menu devient inutilisable (je sais: j'en ai sur le blog https://toile.reinom.com mais je les trouve acceptable, d'une part parce que je n'ai pas envie de changer le thème, mais surtout parce que le click sur le bouton de menu survolable fait arriver sur une page qui contient les mêmes sous-menu que le survol: le survol n'est alors qu'un raccourcis pour accéder aux sous-menus, et non pas un passage obligé).
Note aussi que jQuery, à part rajouter de la lourdeur et freiner les dev dans la curiosité de "quelles API javascript sont sorties ces derniers temps?" ne sert pas à grand chose... document.querySelector('.br_troupes').addEventListener('mouseleave', e => { ... }) ne recourt à aucune lib
Note enfin que j'ai éditer le titre, pour en trouver un plus clair.