[RESOLUÇÃO] segue minha resolução para o desafio

não é das mais eficientes, porem é o simples que funciona :)

JS:

const botao = document.querySelector('[data-botao]');
const lista = document.querySelector('[data-lista]');

botao.addEventListener("click", () => {
    escondeLista();
})

function escondeLista () {
    if (lista.style.display !== "none") {
        lista.style.display="none";
    } else {
        lista.style.display="block"
    }
}

HTML:

<button data-botao>Aluratintas em estoque:</button>

    <ul class="lista" data-lista>
        <li cor="laranja" tipo="tinta-exterior" class="item">Tinta laranja</li>
        <li cor="vermelho" tipo="tinta-interior" class="item">Tinta vermelha</li>
        <li cor="branco" tipo="tinta-interior" class="item">Tinta branca</li>
        <li cor="amarelo" tipo="tinta-exterior" class="item">Tinta amarela</li>
        <li cor="rosa" tipo="tinta-exterior" class="item">Tinta rosa</li>
        <li cor="preto" tipo="tinta-exterior" class="item">Tinta preta</li>
    </ul>