Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

arthnet

menu com submenu jquery.

Recommended Posts

Pessoal, desculpa se o titulo não está legal. Vejam bem, estou fazendo uma implementação num código jquery que gera uma menu e sob-menu vertical, acontece que preciso colocar outros sub-menu dentro do sub-menu, da forma que fiz até funciona, com o seguinte erro: Temos lá: - Cadastro - Cliente - Inseir - Modificar Quando clica em cadastro ele mostra o sub-menu onde está cliente; Quando clica em cliente, mostra o sub-menu de clientes Se eu clicar novamente em cliente e depois em qualquer sub-menu que tenha menu, esse ficara aparecendo e desaparecendo de acordo a quantidade de cliques que dei em cadastro. Tá complicado mas é isso mesmo, o código segue abaixo:

 

 

<li class="parent"><a href="#" title="">Cadastro</a>
    
<ul class="sub-menu">                                   
        
<li class="parent1"><a href="#" title="Cadastre os tipos de Contrado">Contatros</a>
            <ul class="sub-menu1">
                <li><a href="#" title=""> >> Inserir</a></li>
                    <li><a href="#" title=""> >> Movimentar</a></li>
                </ul>
            
            </li>  
            
            <li class="parent1"><a href="#" title="Módudo para cadastro e movimentação de clientes">Clientes</a>
            <ul class="sub-menu1">
                <li><a href="#" title=""> >> Inserir</a></li>
<li><a href="#" title=""> >> Movimentar</a></li>
                </ul>
            
            </li>  
           
</ul>
        
</li>   

JQUERY

 

 <script language="JavaScript" type="text/javascript">
     $(function() {
            $('ul#menu li.parent > a').click(function() {
                $('ul.sub-menu', $(this).parent()).slideToggle('fast', function() {
                $(this).parent().toggleClass('aberto');
 
               $('ul#menu li.parent1 > a').click(function(){
                   $('ul.sub-menu1', $(this).parent()).slideToggle('fast', function() {
                   $(this).parent().toggleClass('aberto1');
               })
        });
 
  });
return false;
  });
  });
  </script>
 
 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.