Menu sanfona deslizante jQuery

Bom dia galera… tenho um probleminha, eu tenho um menu deslizante em jQuery bem simples aqui tem o exemplo: http://www.botecodigital.info/exemplos/menusanfona/index.php

O problema é que quando clico no menu 1 ele aparece pra mim:

Menu 1 - Item 1
Menu 1 - Item 2
Menu 1 - Item 3

Até ai beleza mais eu precisaria colocar um sub-menu dentro desse Item 1, ficaria mais ou menos assim…

Menu 1
…Menu 1 - Item 1
…Menu 1 - Item 1.1
…Menu 1 - Item 1.2
…Menu 1 - Item 2
…Menu 1 - Item 3

Eu até consegui fazer ± mais quando eu aplico o efeito dentro do “Menu 1 - Item 1” ele ele aparece direto na dela da index, que aparece “Menu 1 - item 1, Menu 1 - item 2…”

Bom tentei explicar, qualquer coisa eu tento explicar melhor… resumindo, Eu preciso clicar no “Menu 1 - Item 1” e carregar as opções: “Menu 1 - Item 1, Menu 1 - Item 2”, ai eu clico na opção “Menu 1 - Item 1” e desliza as opções “Menu 1 - Item 1.1, Menu 1 - Item 1.1”.

Obrigado pela atenção galera :smiley: !

Tipo esse? http://www.jstree.com/

É isso Lucs, que da pra listar o sub menu, e o sub menu do sub menu, mais queria implementar naquele exemplo que passei, pq onde trabalho eles querem assim !! mais muito obrigado cara e bem legal esse que vc passo ! obrigado mesmo