jQuery .show zeigt den Hintergrund nicht

Question

Ich mache die Navigationsleiste für eine Website, und ich möchte schöne Effekte hinzufügen. Jetzt gibt es ein Dropdown-Menü mit Untermenüs, und ich möchte, dass diese Untermenüs eingeblendet werden. Aber aus irgendeinem Grund wird der Hintergrund beim Animieren nicht angezeigt, und der Text wird über den Rand neben dem Untermenü gelegt. Here ist ein Link zu dem, wie es aussieht. Es passiert auch etwas Seltsames, wenn man mehrere Male schwebt.

for some reason I have to accompany links to jsfiddle.net with code, so here it is. 

Answer 1

Sie haben die Einstellung der Farbe für die #parnavdrop ul li verpasst.
JSFiddle

#parnavdrop ul li { 
    background-color: #41D4CF; 
} 

Answer 2

Tatsächlich ist die Frage, die Sie haben Hintergrundfarbe erwähnt zu erben.

.nav ul #navdrop #subnavdrop{ 
    background-color:inherit; 
} 

So erbt Hintergrundfarbe von seinem Elternteil, das das Problem verursacht.

Die folgende Codeänderung kann das Problem ebenfalls beheben.

.nav ul #navdrop #subnavdrop{ 
    background-color:#41D4CF; 
} 

Manchmal nur wegen dieser Anschlag (JS-Funktionalität Funktionen) funktioniert nicht richtig