Cześć,

Mam problem z hoverem w menu.

http://jsfiddle.net/63a2m2gr/

Gdy najeżdżam na menu jest ok, ale gdy chcę zejść niżej na pozycje podmenu to wszystko się chowa. Jak to zrobić poprawnie w jQuery ?

Zagnieżdżony <ul> nie jest dzieckiem <a>, a na <a> jest hover.

Ale jak robię hovera na li to już kompletnie nic nie działa.

Czy jest jakaś funkcja co "dziedziczy" hovera ?

Jeśli ustawiasz selektor na <li>, to następnym elementem jest <a>, który nie spełnia warunku selektora w funkcji next().

http://jsfiddle.net/63a2m2gr/1/ - musisz pokombinować z css, bo w tej chwili <div> jest pozycjonowany absolutnie przez co nie rozpycha w wysokości <li> (gdy zjedziesz poza dolną krawędź <li>, podmenu znika).

Możesz podpowiedzieć czy jest jakaś funkcja która zachowa hover dla menu (chodzi o zmianę koloru tła)

Nie rozumiem.

Po najechaniu na Menu1 lub Menu2 podświetla się, potem jak kursorem przejdzie się na "podmenu" to podświetlenie znika… a prawidłowo powinno być cały czas podświetlone

Hover w css masz ustawiony na <a>, a nie na <li>.