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
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
}