Klick und ausblenden

[Bernd]

Hallo,

gibt es eine Möglichkeit folgendes umzusetzen. Gehen wir von folgendem Code aus

<section class="rechnungsadressen">
	<h2>Rechnungsadressen</h2>
	<div>
		<img src="" alt=""> Adresse 1
	</div>
	<div>
		<img src="" alt=""> Adresse 2
	</div>
	<div>
		<img src="" alt=""> Adresse 3
	</div>
	<div>
		<img src="" alt=""> Adresse 4
	</div>
	<div>
		<img src="" alt=""> Adresse 5
	</div>
</section>

<section class="ansprechpartner">
	<h2>Ansprechpartner</h2>
	<div>
		<img src="" alt=""> Adresse 2 - Ansprechpartner 1
	</div>
	<div>
		<img src="" alt=""> Adresse 2 - Ansprechpartner 5
	</div>
	<div>
		<img src="" alt=""> Adresse 3 - Ansprechpartner 2
	</div>
	<div>
		<img src="" alt=""> Adresse 5 - Ansprechpartner 1
	</div>
</section>

Wenn ich z.b. auf Adresse zwei klicke möchte ich unten nur noch die Ansprechpartner sehen wie zu dieser Adresse passen. Meine Idee war irgendwas mit Data-Attribute und CSS oder jQuery? Wäre ich da auf dem richtigen Weg? Ich möchte eben kein Seiten-Reload es müsste nur temporär ausgeblendet werden.

Die Frage ist halt, wie blende ich wieder alle ein? Wie würdet ihr vorgehen?