Moin,
Es wäre einfacher, einem gemeinsamen Vorfahren eine Klasse (sagen wir mal "kompakt") zu geben/nehmen, dann könntest du das ganze Style-Geraffel entsorgen und einfach im CSS schreiben
.kompakt #side-menu,
.kompakt #beschreibung,
.kompakt #kopf {
display: none;
}
Ich verstehe nicht ganz: Einen gemeinsamen Vorgänger, der nur die Kopf-Elemente einfasst gibt es nicht, den müsste man erst hinbasteln. Das halte ich für unsinnig.
Und mein CSS sieht ja auch recht einfach aus. Nur das Javascript für den "Kopf anzeigen"-Button ist wahrscheinlich noch verbesserbar. Da JQuery ja standardmäßig eingebunden wird, wäre es vielleicht sinnvoll mit .toggle() zu arbeiten.
Grüße Marco