Div Ändern der Position (Springen?), Wenn mit jquery animiert

Question

Könnte jemand bitte helfen Sie mir, dies zu lösen. Ich habe überall nachgeschaut und die meisten Antworten sagen, dass ich den Überlauf in "Versteckt" ändern soll, was nicht funktioniert.

Beim Schweben über die .nav-not-active Elemente, aus irgendeinem Grund werden die .nav-active und die div unten beide gedrückt oder scheinen in irgendeiner Weise zu springen.

Prost, jede Hilfe wird geschätzt.

JS Fiddle

Answer 1

änderte ich die folgenden in der Geige und es wurde der Sprunghaftigkeit los:

• height: 40px; fügen den js navbar-Wrapper
• overflow: hidden zu der CSS hinzufügen selbst statt in
• entfernen Sie die .css Sachen vollständig aus dem Javascript und behielt nur die Animation

updated fiddle