Hi j4nk3y, zuallererst würde ich die Animationen verlangsamen, damit man besser sieht, was geschieht: ~~~js .animate({width: 'toggle'},5000) ~~~ Und dann fällt auf, dass da auch der graue Hintergrund des toggle-Div sichtbar wird... Spiel auch mal mit den Argumenten von .stop(), ich glaube (true,true) ist nicht die richtige Kombination - vielleicht muss sie auch für toggle1 und toggle2 verschieden sein. Außerdem hast du nur eine Handler-Funktion in hover(), d.h. beim Eintritt und beim Austritt der Maus in togglebtn passiert das Gleiche - vielleicht solltest du da differenzieren (also zwei verschiedene Handler verwenden).

Hi j4nk3y, zuallererst würde ich die Animationen verlangsamen, damit man besser sieht, was geschieht: ~~~js .animate({width: 'toggle'},5000) ~~~ Und dann fällt auf, dass da auch der graue Hintergrund des toggle-Div sichtbar wird... Spiel auch mal mit den Argumenten von .stop(), ich glaube (true,true) ist nicht die richtige Kombination - vielleicht muss sie auch für toggle1 und toggle2 verschieden sein. Außerdem hast du nur eine Handler-Funktion in hover(), d.h. beim Eintritt und beim Austritt der Maus in togglebtn passiert das Gleiche - vielleicht solltest du da differenzieren (also zwei verschiedene Handler verwenden).

Hi j4nk3y, zuallererst würde ich die Animationen verlangsamen, damit man besser sieht, was geschieht: ~~~js .animate({width: 'toggle'},5000) ~~~ Und dann fällt auf, dass da auch der graue Hintergrund des toggle-Div sichtbar wird... Spiel auch mal mit den Argumenten von .stop(), ich glaube (true,true) ist nicht die richtige Kombination - vielleicht muss sie auch für toggle1 und toggle2 verschieden sein. Außerdem hast du nur eine Handler-Funktion in hover(), d.h. beim Eintritt und beim Austritt der Maus in togglebtn passiert das Gleiche - vielleicht solltest du da differenzieren (also zwei verschiedene Handler verwenden).

Hi j4nk3y, zuallererst würde ich die Animationen verlangsamen, damit man besser sieht, was geschieht: ~~~js .animate({width: 'toggle'},5000) ~~~ Und dann fällt auf, dass da auch der graue Hintergrund des toggle-Div sichtbar wird... Spiel auch mal mit den Argumenten von .stop(), ich glaube (true,true) ist nicht die richtige Kombination - vielleicht muss sie auch für toggle1 und toggle2 verschieden sein.

Hi j4nk3y, zuallererst würde ich die animationen verlangsamen, damit man besser sieht, was geschieht: ~~~js .animate({width: 'toggle'},5000) ~~~ Und dann fällt auf, dass da auch der graue Hintergrund des toggle-Div sichtbar wird... Spiel auch mal mit den Argumenten von .stop(), ich glaube (true,true) ist nicht die richtige Kombination - vielleicht muss sie auch für toggle1 und toggle2 verschieden sein.