Utilizei o atributo hidden tanto para esconder a lista de cores quanto para validar se ela estava aparecendo ou não.
const btn = document.querySelector("[data-btnMostraCores]");
const lista = document.querySelector("[data-listaDeCores]");
lista.hidden = true;
btn.addEventListener("click", () =>
{
if (lista.hidden == true) {
btn.innerHTML = "Aluratintas em estoque";
lista.hidden = false;
} else {
btn.innerHTML = "Mostrar tintas";
lista.hidden = true;
}
});
