galera vcs que já fizeram o projeto alura book, como vcs fizeram pra tirar o o chekbox e o menu continuar a funcionar to quebrando a cabeça aqui e não ta dando certo kkk help please
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
galera vcs que já fizeram o projeto alura book, como vcs fizeram pra tirar o o chekbox e o menu continuar a funcionar to quebrando a cabeça aqui e não ta dando certo kkk help please
Olá, Pauloh!
No projeto do curso, utilizamos o clássico display: none, e quando clicado os tornamos displa:block. Observa o código utilizado:
.lista-menu {
display: none;
position: absolute;
top: 100%;
width: 60vw;
}
.container__botao:checked~.lista-menu {
display: block;
}
A classe .lista-menu define inicialmente o menu como oculto (display: none;), posicionado abaixo do elemento que o aciona (com position: absolute; top: 100%;).
A regra .container__botao:checked ~ .lista-menu garante que, quando o checkbox com a classe .container__botao estiver marcado (:checked), o menu será exibido (com display: block;). Isso é possível graças ao seletor de irmão adjacente (~) que seleciona a .lista-menu quando precedida pelo .container__botao:checked.
E para sumir o checklist com o HTML já configurado como o da aula, a seguinte class faz com que desapareça o botão:
.container__botao {
display: none;
}
Caso tenha alguma dificuldade na implementação do código você pode visualizar a seguinte aula, e o final da seguinte aula(Min: 5:55) no qual ela ensina a retirar a visibilidade do checkbox.
Espero ter ajudado e reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!
Sucesso ✨
Um grande abraço e até mais!