Inhalte ausblenden

[Gunnar Bittersmann]

@@marctrix

…und jedem li ohne Meowsalot ein hidden mitgibt…

Das würde ich in dem Fall nicht tun. Das macht das Script nur unnötig aufwendig – ohne erkennbaren Nutzen.

Wer hier ein hidden mitkriegt, ist der Button, denn der macht ja im UI gar keinen Sinn, solange das JavaScript nicht geladen und ausgeführt wurde.

Also <button id="filter" aria-pressed="false" hidden=""> im Markup und im Script als erstes:

const filterButtonElement = document.querySelector('#filter');
filterButtonElement.hidden = false;

(Und wenn du jetzt einwendest, der Button macht auch keinen Sinn, wenn das Stylesheet nicht geladen und ausgeführt würde – ja, einen Tod muss man hier wohl sterben.)

LLAP 🖖