Ir para conteúdo

POWERED BY:

Arquivado

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

Andryon PHProgrammer

Menu Sanfona

Recommended Posts

Olá pessoal, tenho um menu que quando clica nele abre as subopções em forma de sanfona. Como que faço para quando o usuário clicar na subopção ao ir para a página correspondente do link, o menu continue aberto e com a opção clicada em destaque?

 

 

$(document).ready(function(){
       $('#navegacao > li > a').click(function(){
            if ($(this).attr('class') != 'active'){
              $('#navegacao li ul').slideUp();
              $(this).next().slideToggle();
              $('#navegacao li a').removeClass('active');
              $(this).addClass('active');
            }
       });
});

   <ul id="navegacao" style="line-height: 1.75em;">
       <li><a href="#">Leilões</a>
         <ul>
           <li><a href="#">Leilões em Formação (ex)</a></li>
           <li><a href="#">Leilões em Andamento (ex)</a></li>
           <li><a href="#">Leilões Encerrados (ex)</a></li>
         </ul>
       </li>
       <li><a href="#">Cotar / Comprar</a>
         <ul>
           <li><a href="cProdutoCotacao.php">Nova Cotação</a></li>
           <li><a href="lProdutoCotacao.php">Cotações em Andamento (ex)</a></li>
           <li><a href="lHistoricoCotacoes.php">Histórico de Cotações (ex)</a></li>
         </ul>
       </li>
       <li><a href="#">Vender</a>
         <ul>
           <li><a href="#">Cadastrar Produto (ex)</a></li>
           <li><a href="#">Produtos a Venda (ex)</a></li>
           <li><a href="#">Minhas Vendas (ex)</a></li>
         </ul>
       </li>
     </ul>

Compartilhar este post


Link para o post
Compartilhar em outros sites

no javascript tente fazer o seguinte:

 

$(document).ready(function(){
       $('#navegacao > li > a').click(function(){
            if ($(this).attr('class') != 'active'){
              $('#navegacao li ul').slideUp();
              $(this).next().slideToggle();
              $('#navegacao li a').removeClass('active');
              $(this).addClass('active');
            }
            return false;
       });
});

 

 

Se foi útil, por favor marque como resposta para auxiliar outros usuários quando for pesquisar.

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.