BACK<-

AutorPaul Ohlhauser (E1b) EditorNotepad++ BildbearbeitungsprogrammGimp Informationen (Allgemein)Wikipedia Informationen (Spezifisch)w3schools FarbenPaletton IconsIconfinder - small-n-flat PHP - DokumentationPHP.NET HTML Tags106 HTML Attributes234 CSS Properties69 JS Functions0 Werte (HTML Attribute Values + CSS Property Values + JS Function Values)661 Objekte (insgesamt)1070

HTML

<input type="radio" id="*DEINE_ID*" name="*DEINE_GRUPPE*" />

<label for="*DEINE_ID*">KLICK</label>

<div class="*DEINE_CLASS*">
    CONTENT
</div>

CSS

input[type="radio"],
.*DEINE_CLASS* {
    display: none;
}
input[type="radio"]:checked + label + div {
    display: block;
}

Erklärung

Der INPUT ist unsichtbar, er speichert den Status des inhaltes (Anzeigen/Verstecken).

Das LABEL ändert den Status des INPUTs (CHECKED).

Der Inhalt wird standardmäßig versteckt (display: none).

Ist der INPUT CHECKED, wird der Inhalt hinter dem LABEL (input[type="radio"]:checked + label + div) angezeigt (display: block).