jQuery animation

[j4nk3y]

Moin,

Keine Stelle in der jQuery-Doku ist die richtige. Weil jQuery nicht richtig ist. Dein Fehler ist, JavaScript zu verwenden.

Ich finde aber auch keine Möglickeit, dass mit CSS zu realisieren.

Einfache Animationen macht man mit CSS. Hardware-beschleunigt, ruckelfrei. (Deshalb wird transition auf transform oder opacity angewandt.)

Ja, normalerweise versuche ich auch alles erst mit CSS zu gestalten.

Per Selektor für nachfolgende Geschwister: button:hover + .toggle1

Ja, für den Toggle-Button ist ein button-Element zu verwenden, kein div. Dann funktioniert das auch mit Tastatursteuerung:
button:focus + .toggle1

Ich würde da eher noch animation-fill-mode: forwards; hinzufügen und das mit der Tastatur sein lassen, aber das ist denk ich Geschmackssache.

Sieht dann so aus.

Ja, so konnte ich das bisher auch umsetzen. Aber das ist ja nicht das, was ich erreichen möchte.

Gruß
Jo