zwei conditions

Hallo VFB, ebenfalls ein frohes neues Jahr und willkommen im Forum!

Das ließe sich relativ einfach umsetzen, wenn Du jede Gruppe in einen Container legen würdest, also so:

<div class="container">
    <div class="text">Dies ist Text 1</div>
    <img class="img" src="bild1.jpg">
    <button class="textBtn">Text 1 sichtbar</button>
    <button class="imgBtn">Bild 1 sichtbar</button>
    <button class="bothBtn">Alles sichtbar 1</button>
</div>
<div class="container">
    <div class="text">Dies ist Text 2</div>
    <img class="img" src="bild2.jpg">
    ... usw.
</div>
<div class="container">
    ...
</div>
... usw.

Aber ich weiß nicht, ob das damit verträglich ist, wie Du alles auf der Seite anordnen willst?

Jedenfalls könntest Du dann von dem geklickten Button aus das Elternelement .container ermitteln und von da aus wieder jedes gewünschte Element der Gruppe.

Alternativ den Elementen einer Gruppe einen Index zuordnen und dann mit indizierten IDs "img1", "text1" etc. auf das Element zugreifen.

Und die zweite Methode mit den Indizes? Dabei wären die Elemente vollkommen getrennt und Du könntest sie beliebig anordnen.

Hallo VFB,

Es kommt immer darauf an, wie dynamisch du das haben möchtest.

Die Lösungsansätze von Sempervivum sehen gut aus.

Nur ich würde eher data-attribute als IDs für die Gruppenzuordnungen verwenden.

Dann wird die ID nicht blockiert.

<img data-group="g1" ... />
<p data-group="g1" ... />

Was hast du denn vor?

Vielleicht kann man das auch noch anders Umgesetzen?

Ja, Beitrag editieren ist meistens schlecht und ich mache es normale Weise nur, wenn er noch nicht gelesen wurde. Aber in diesem Fall hatte ich mich wohl getäuscht.