Hide/show menu outclick

Question

Witam.

Tworzę responsywne menu na stronę, lecz mam problem z zamknięciem go po kliknięciu poza '<nav id="menu">'. Byłbym wdzięczny za podpowiedź co się sypie w moim jQuery :) - link do jsfiddle

Wiem że na jsfiddle projekt wygląda okropnie, i nie działa ale lokalnie i na serwerze nie ma z tym problemów (oprócz wspomnianego menuOutclick)

W projekcie korzystam z jQuery v1.10.2

 

Byłbym również wdzięczny za wskazówkę dot. CSS3:

Czemu mimo 'overflow:scroll' '$("#menu").onMouseOver' i tak scrolluje mi całą stronę a nie tylko menu? Czy da się wymusić scrollowanie danego elementu (nawet jak nie można go scrollować) a nie całej strony?

 

EDIT: wyjście z menu działa, lecz pod click event co nie jest najlepszym wyjściem, gdyż są osoby nie używające myszki (przydało by się coś  w stylu onFocusOut które działało by też dla użytkowników klawiaturowych - było by dopasowane pod osoby niepełnosprawne). Nadal pozostaje kwestia wskazówki CSS3 ;)

Comments

U mnie ten fiddle nie działa - nie otwiera się menu w ogóle.

---

yup, bo nie podłączyłem jQ w odpowiedniej wersji - > daj mi chwilkę to naprawię :)

Answer 1

https://jsfiddle.net/5cs17o7h/12/

Na pewno da się to lepiej zrobić, ale sam trochę pokombinuj.

Comments

Dziękuję Ci bardzo za no-scroll'a :) resztę już sobie znalazłem - jeżeli ktoś jest zainteresowany, to bardzo polecam link . Odpowiedź pełna, wyczerpująca i zawierająca wszystkie potrzebne porady.