Znalazłem w necie taki skrypcik:

[JAVA] pobierz, plaintext 
$(document).ready(function()
{
	//slides the element with class "menu_body" when paragraph with class "menu_head" is clicked 
	$("#firstpane p.menu_head").click(function()
    {
		$(this).css({backgroundImage:"url(./images/cloud2.png)"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
       	$(this).siblings().css({backgroundImage:"url(./images/cloud.png)"});
	});
	//slides the element with class "menu_body" when mouse is over the paragraph
	$("#secondpane p.menu_head").mouseover(function()
    {
	     $(this).css({backgroundImage:"url(down.png)"}).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
         $(this).siblings().css({backgroundImage:"url(./nnn/images/cloud.png)"});
	});
});
[JAVA] pobierz, plaintext 

Chciałem sie zapytać co zrobić żeby po kliknięciu w element główny zwijało się rozwinięte drzewo ?
Bo teraz zwija się jak sie kliknie w inna kategorie, a ja bym chciał żeby zwijało się jeszcze jak sie kliknie w to co jest aktualnie rozwinięte. Jak takie coś zrobić ?

Wrzuć wszystko (html,css itd) na jsbin i podrzuć link.