Galera, bom dia, estou com problemas pra fazer um submenu dropdown
quando clico nele o menu dropdown principal fecha ao invés de abrir um novo nivel
mas quando ativo o focus pelo inspecionar ele abre, então acho q o problema esta em algum detalhe que não estou pensando
Dropdown menu com submenus dropdown nao funciona
3 Respostas
Bom dia.
Posta o seu código css
ul.ttr_menu_items.nav li.dropdown:focus > ul.dropdown-menu { display:block; } ul.ttr_menu_items.nav li.dropdown.dropdown-submenu:focus > ul.dropdown-menu { display:block; }
é um menu meio rotativo por nao ser um site estático então to meio perdido por isso provavelmente
O seu código HTML deve se parecer mais ou menos assim:
<div class="menu">
<ul>
<li>Home</li> //Aqui nao tem mais um dropdrown, pois não tem ul
<li><a>Cadastrar</a> //Aqui tem dropdown, pois tem ul abaixo
<ul>
<li>Pessoas</li>
<li>Animais</li>
</ul>
</li>
<li><a>Consultar</a>
<ul>
<li>Pessoas</li>
<li>Animais</li>
</ul>
</li>
</ul>
</div>
Tem que ter 2 ul
O css para abrir o segundo dropdown no click seria:
.menu ul li:focus ul
{
display:block;//Caso o estilo padrão seja display:none
}
Criado 20 de junho de 2018
Ultima resposta 20 de jun. de 2018
Respostas 3
Participantes 2
Alura POO: o que é programação orientada a objetos? Aprenda os conceitos básicos da programação orientada a objetos, como classes, objetos, herança, encapsulamento e polimorfismo, com exemplos.
Casa do Codigo JavaScript Assertivo: Testes e qualidade de codigo em... Por Gabriel Ramos — Casa do Codigo