Solucionado
Minha Solução foi verificar a visibilidade da lista e altera-la. segue o código abaixo:
#CSS
const tintas = document.querySelector('[data-tintas]');
const lista = document.querySelector('.lista');
tintas.addEventListener("click", (evento) =>{
if(lista.style.visibility === "hidden"){
lista.style.visibility = "visible";
}
else{
lista.style.visibility = "hidden"
}
})
Oi Otavio, tudo bem?
Parabéns por fazer o desafio proposto e encontrar uma solução! Assim você exercita e fixa bem o assunto. :D
Lembrando que se quiser comparar com o do instrutor é só ver a opinião dele no final da página.
Bons estudos!
Abraço.
Obrigado!