Toggleable Tabs. Source: https://www.w3schools.com/howto/howto_js_tabs.asp

Open by default. (all closed without JS, in CSS-Tabs-Toggleable-01.html)

In this example, we use JavaScript to „click“ on the „London“ button, to open the „London“ tab on page load.
Works with JavaScript only in footer. Javascript in Twenty Twenty-Two Child > enqueued in functions.php in > /includes/Tabs-Toggleable-02.js

HTML-Block:

Versuch mit Standard-Blöcken

Alles muss per Gruppierung in einen umschließenden div-Container mit der Klasse „tab“.
Die einzelnen Tab-Content-Container verschwinden im Backend, sobald man ihnen die Klasse class=“tabcontent“ gibt.

Problem: Das onclick=“openCity(event, ‚Berlin‘)“ ließ sich nicht in den Button-Block integrieren, ohne dass der zu HTML gewandelt werden musste. Und Mögliche Lösung: So umstricken, dass man auf das „onclick=“openCity(event, ‚Berlin‘)““ im Button-HTML verzichten kann. Mit einem „eventListener“ in der JS-Datei, der auf Basis nur der ID arbeitet: „Instead of adding an onClick attribute to your HTML, create an eventListener in your Javascript to detect the onClick event based upon the Button’s ID. Then you can use the Buttons block.“ (https://wordpress.org/support/topic/how-to-add-onclick-to-button/). Leider kriege ich das alleine nicht hin.
Fazit: Dann kann ich auch gleich den ganzen Tab als HTML entwickeln.