jQuery .show不显示背景

Question

我正在为网站制作导航栏，我想为它添加漂亮的效果。现在有一个包含子菜单的下拉菜单，我希望这些子菜单可以滑入。但由于某些原因，它在动画时不会显示背景，并且文本会显示在旁边的边界。 Here是指向它的外观的链接。当多次盘旋时，也会发生奇怪的事情。

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

Answer 1

您错过了为#parnavdrop ul li设置颜色。
JSFiddle

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

Answer 2

实际上问题是你提到了要继承的背景颜色。

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

因此它从其父级继承背景颜色，导致问题。

因此，以下代码更改也可以解决问题。

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

有时仅因为这些stop（）函数JS功能无法正常工作