Menu Sanfonado com sub-submenu JQuery

[MafraWise 0]

Galera eu sou novo em Jquery porém eu gostaria de uma ajudinha de você´s se for possivel.

 

Eu queria fazer um SUB SUB-MENU usando o estilo Sanfonado.

 

Eu saquei um cara fazendo e resolvi fazer o meu próprio me baseando no dele.

 

aproveitando meu codigo Jquery ali como eu faço pra fazer um sub-submenu.

 

cara eu ja tentei aqui + eu me complico sempre..

eu já tentei "Ao passar do mouse" abrir um sub-sub-menu em css mesmo + eu n consegui..

 

 

qualquer sugestão será bem vinda.

 

 

Da uma olhada no meu código:

<ul id="ulMenu">
   <li><a href="<?= BASE?>/index.php">Home</a></li>
</ul>

<br/>
<ul >

   <li id="ulCadastro"><a href="#">Cadastro</a>
       <ul>
           <li>Clientes</li>
           <li>Entidades
               <ul><li>SUB-SUBMENU</li></ul>
           </li>
           <li>Produtos</li>
           <li>Serviços</li>
           <li><a href="<?= BASE.'/usuario/listaUsuarios'?>">Usuários</a></li>
           <li>Vendedores</li>

       </ul>
</ul>

<br/>

<ul id="ulTabelas">
   </li>
   <li><a href="#">Tabelas</a>
       <ul>
           <li><a href="#">Alíquotas</a></li>
           <li><a href="#">Bancos</a></li>
           <li><a href="#">Cartões</a></li>
           <li><a href="#"><strike>Classes</strike></a></li>
           <li><a href="#">Despesas Fixas</li>
           <li><a href="#"><strike>Financeira</strike></a></li>
           <li><a href="#">Grupos</a></li>
           <li><a href="#"><strike>Impostos</strike></a></li>
           <li><a href="#"><strike>Rotas</strike></a></li>
           <li><a href="#"><strike>Taxas</strike></a></li>
           <li><a href="#">Tabelas Fiscais</a></li>
           <li><a href="<?= BASE?>/PlanoDeContas/listarDados">Plano de Contas »</a>
               <ul>
                   <li><a href="<?= BASE?>/planoDeContas">Cadastrar</a></li>
                   <li><a href="<?= BASE?>/PlanoDeContas/listarDados">Listar</a></li>
               </ul>
           </li>
       </ul>
   </li>
</ul>

 

Jquery

 

 
$(function(){
$("li ul").hide(); 

$("ul li a").click(function(){ 
	$("li ul").slideUp();	
	$(this).next().slideToggle(); 

})      
})

[P@trique 0]

Fiz um modelo, clique em cadastro

 

http://jsfiddle.net/xV4UL/

 

Assim da pra você ter uma melhor ideia. :thumbsup:

[MafraWise 0]

Fiz um modelo, clique em cadastro

 

http://jsfiddle.net/xV4UL/

 

Assim da pra você ter uma melhor ideia. :thumbsup:

 

 

 

 

 

O meu menu sonfonado ta pronto..

só falta aquela parte do sub-sub menu que nao mostra.

essa ideia eu ja tenho porém na hora de implemantar eu me complico..

 

tem outra solução + clara não ?w

 

abraços

[marcusIII 0]

cara, essa solução que você deu já está ideal. acho que o que tá falhando aí é o css.

tenta por um display: absolute. se não funcionar usa o hover no pai do seletor com o display que você vai ver.

[MafraWise 0]

cara, essa solução que você deu já está ideal. acho que o que tá falhando aí é o css.

tenta por um display: absolute. se não funcionar usa o hover no pai do seletor com o display que você vai ver.

 

 

valeu cara. é que eu queria fazer sem usar CSS.. + tudo bem eu coloquei a kbça pra funcioar + aqui. e conseguir fazer do meujeito.. abraços..

[P@trique 0]

esse aqui vai te ajudar

 

http://jsfiddle.net/Laxman13/4bYkP/1/