Consegui usando este raciocínio.....
const lista = document.querySelector(".lista");
document.querySelector("#mostrar").addEventListener("click", () => {lista.hidden = false});
document.querySelector("#ocultar").addEventListener("click", () => {lista.hidden = true});hoje, com a Alura e o Google Gemini
Tem como fazer isso usando o classList.toggle, a solução é quase a mesma.
<ul class="lista">
<li>Neil Armstrong</li>
<li>Alan Bean</li>
<li>Peter Conrad</li>
<li>Edgar Mitchell</li>
<li>Alan Shepard</li>
</ul>
<!-- https://developer.mozilla.org/en-US/docs/Web/HTML/Element/li -->
<Button onclick="toggleList()">Esconder/Mostrar</Button>.esconder {
display: none;
}function toggleList() {
document.querySelector(".lista").classList.toggle("esconder")
}