Toggle

Unter einem toggle-Mechanismus versteht man ein Feature, das zwischen zwei Zuständen hin- und her schaltet. So blendet ein Toggle-Menü eine Navigation ein- oder aus, um dem Inhaltsbereich auf schmalen Viewports so viel Platz wie möglich zu geben.

• Sie können dies nur mit HTML mit einer Checkbox erreichen:
  • Formulare/Radio-Buttons und Checkboxen
    Toggle-Schalter
  • toggle-switch mit Custom Elements

• In JavaScript gibt es zum Umschalten zwischen verschiedenen Klassen die classList-Methode.

  Umschalten mit: classList.toggle

• Das toggle-Event wird ausgelöst, wenn das details-Element zwischen open und closed-Zuständen wechselt.