[JavaScript]Accessible Dropdown Menu nie zwija podmenu Opcje

[php11]

Cześć,

znalazłem menu dostępne z klawiatury.
Wszystko z nim ok jeśli chodzi o klawiaturę, ale nie działa właściwie przy używaniu myszy:
otóż rozwinięte menu nie chowa się po zabraniu znad niego myszy.

https://codepen.io/grayghostvisuals/pen/ltjDa

Dzięki za pomoc

A może macie i możecie się podzielić skryptem, który będzie rozwijał menu przy użyciu klawiatury?
No i będzie poprawnie działał...

[gitbejbe]

dodaj np do skryptu:

[HTML] pobierz, plaintext 
$('nav.menu').on("mouseleave", function(){
    $(this).find("ul.show-menu").removeClass("show-menu");
});
[HTML] pobierz, plaintext 

css:

[HTML] pobierz, plaintext 
nav .ul { top: 2.3em; }  //najprostsze rozwiązanie. Nie może być przerwy pomiędzy nawigacją a rozwijaną listą - skrypt powyżej wyjaśnia dlaczego. 
[HTML] pobierz, plaintext 

Tak w ogóle to ten kod wygląda słabo, nie ma lepszego gotowca w necie ?

Ten post edytował gitbejbe 18.11.2018, 21:07:20