jQuery add/removeClass: Geht das auch einfacher?

[borisbaer]

Tut mir leid, dass ich da so doof nachfragen muss, aber wie genau funktioniert das?

Ich habe im CSS folgende Klassen, die aktiviert werden sollen:

body.fullscreen-active { margin: 0 !important; }
header.fullscreen-active { display: none !important; }
footer.fullscreen-active { display: none !important; }
main.fullscreen-active { margin: 0 !important; }
h1.fullscreen-active { display: none !important; }
#map-fullscreen.fullscreen-active { margin: 0 !important; }
#map-fullscreen button.fullscreen-active { background-image: url("/images/main/fullscreen-exit.png") !important; }
#map-container-1.fullscreen-active { width: 100vw !important; margin: 0 !important; padding: 0 !important; }
#map-container-2.fullscreen-active { width: 100vw !important; height: 100vh !important; }

Vielen Dank schon mal!