Jak jednou funkcí změnit více CSS tříd najednou?

Už jsem zcela v úzkých a tak volám o pomoc...

Mám div, ve kterém jsou jako divy vnořené tyhle elementy, každý zabalený ve svém vlastním divu:
A) Nadpis s barevným podkladem (má přirazený svůj css styl, např. "BarevnyNadpis")
B) Text, který se skrývá nebo ukazuje (má také přiřazený css styl, např. "TextUpoutavky")
C) "Přepínač", který kliknutím by jednak zobrazoval a skrýval Text a současně s tím měnil barvu pozadí pod Nadpisem (implicitně má přiřazený css styl např. "StylPřepínačeZapnuto"

Co umím:
Pomocí "document.getElementById" umím JS funkcí změnit třídu elementu "Přepínač", tj. změnit ze "StylPřepínačeZapnuto" na "StylPřepínačeVypnuto".

Co neumím a chtěl bych:
Aby se současně ze změnou css stylu "Přepínače" změnily i css styly "BarevnyNadpis" a "TextUpoutavky".

Tj. například když JS funkcí změním css třídu "Přepínače" ze "StylPřepínačeZapnuto" na "StylPřepínačeVypnuto", současně s tím se změnil css styl Nadpisu z "BarevnyNadpisModrý" na "BarevnyNadpisČervený".

Díky!

Alex

Obalením elementů a měněním třídy rodiče myslíš to, že by celý ten obal fungoval jako "přepínač"?
Nebo by šlo i tím zabalením zachovat funkci přepínače jen pro ten jedden element (pokud ano, jak)?

_es:
„Áno ‚prepínal‘ by sa tak vzhľad elementov vo vnútri obalu.“

Toho jsem se tak trochu bál, přišlo mi to ne jako úplně "čisté a elegantní" řešení.
Další řešení, které mě napadlo, bylo nadefinovat v css různé třídy a pak je postupně pomocí JS skládat, ale to už mi přišlo taky jako overkill... doufal jsem potichu, že existuje něco jednoduchého a elegantního.

Str4wberry:
„Živá ukázka“

Skvělé, díky moc moc!
To, co jsem hledal a neuměl, bylo použití "parentNode".
Ještě jednou díky!