Cześć.

Próbuję napisać menu rozwijane, gdzie po kliknięciu w poszczególny element listy rozwinie mi się jego dziecko.
Tutaj to co udało mi się napisać.

Problem polega na tym, że przy próbie zwinięcia samego surveys/viedeos zwija mi się to wraz z program title 1.
Ma ktoś jakiś pomysł jak rozwiązać problem?

Szczerze mówiąc to trochę zagmatwany ten Twój JS.

[PHP] pobierz, plaintext 
if($($(this).parents('li')).children('ul').css("display") == 'block'){
[PHP] pobierz, plaintext 

Ja się w takich rzeczach nie łapię

Generalnie poszedłbym w tym kierunku:
http://jsfiddle.net/RKb2b/1/

Z tym że musisz sobie usystematyzować pewne rzeczy. Chociażby fakt, że teraz tytuł nadrzędnej kategorii siedzi w div.clear, ale elementy tej podkategorii siedzą poza tym divem. Trochę dziwne rozwiązanie, nie mówię że złe, bo każdy sobie robi po swojemu, ja robię inaczej, ale dopóki Ty się w tym łapiesz to ok Tylko generalnie musisz założyć (ja założyłem w powyższym skrypcie), że ta konwencja się nie zmieni. To samo jeśli chodzi o podkategorie - bo tutaj już sprawa wygląda inaczej niż w przypadku top kategorii - tzn. zarówno tytuł jak i elementy podkategorii siedzą w tym samym li.

A da się jakoś to przerobić, żeby po kliknięciu w koleny tytuł chował się ten co był otwarty?
http://jsfiddle.net/RKb2b/2/