Rozsuwane menu wielopoziomowe., Pomoc z skrypcie Opcje

[Leon1409]

Witam serdecznie,
Chciałem stworzyć sobie na stronie wielopoziomowe rozwijane menu oparte na znacznikach ul i li.
Mam jednak problem, gdyż rozwija mi się tylko pierwszyy poziom drzewa, następnego nie mogę otworzyć żadnym sposobem.
Wiem, że pewnie nie jest to super trudne ale uczę się dopiero JS i byłbym wdzięczny jakąkolwiek pomoc.

Podaję to co mam, nie jest tego za dużo, ale zawsze coś:

[HTML] pobierz, plaintext 
$(document).ready(function () {
$('li ul').hide()
    $("li").click(function () {
        $('li > ul').not($(this).children("ul").toggle()).hide();
    });
});
[HTML] pobierz, plaintext 

Najpierw ukrywam wszystko, a potem za pomocą toggle() ukrywam/pokazuje potomka, problem w tym, jak mam "złapać" potomka potomka?

[Leon1409]

Dobra wielkie dzięki za zaangażowanie, wszystko działa jak chciałem:)



A gdybym chciał zrobić coś takiego, że każdy z elementów jest linkiem prowadzącym do konkretnej podstrony a po przejściu i wczytaniu podstrony widoczne zostają jego dzieci( czyli ta gałąź zostaje rozwinięta)

W ogóle to co możecie polecić do nauki js? Jakieś tutoriale i kursy online czy raczej zaopatrzyć się w jakąś lekturę papierową?