meltemi: details und summary (war: Navigation Bar, div anzeigen beim klicken auf einen Link)

Beitrag lesen

Hallo, Ich würde auf meiner Seite gerne eine art Navigationsleiste einfügen dabei soll beim klicken auf den ersten Link ein div angezeigt werden (der eine reihe von Bildern enthält). Klickt man auf den Zweiten Link wird der div mit einem anderen ersetzt (der andere Bilder enthält). So kann man auswählen welche Bilder man angezeigt bekommt.

Mir ist bisher noch keine Lösung dafür eingefallen und hoffe das mir hier jemand weiterhelfen kann. Wäre Natürlich super wenn das ganze ohne JavaScript umsetzbar wäre aber wenn es nicht anders geht dann muss ich mich halt damit noch ein bisschen beschäftigen.

Hallo,

Dein Begehren ist ein typischer Anwendungsfall für die HTML-Elemente details und summary. Das Ergebnis nennt man landläufig Akkordeon.

Siehe hier: https://wiki.selfhtml.org/wiki/HTML/Interaktiv/details

Ganz ohne Javascript, nur mit HTML und CSS!