Javascript 引导子菜单高亮显示一直保持到下一次单击

在下拉菜单中悬停时，颜色将更改为显示当前项目

单击子菜单以打开它，然后再次单击以关闭它之后，悬停时的高亮显示仍然保留，直到再次单击为止

我需要菜单高亮显示在单击关闭时消失，并像最初单击之前一样进行操作，就像其他菜单选项一样

谢谢你的帮助

问题就在这里

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: red;
    background-image: none;
}

当您再次单击关闭子菜单时，css意识到这是焦点，所以您可以这样修复：

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:hover:focus {
  background-color: red;
  background-image: none;
}
.dropdown-menu > li > a:focus {
  background-color: transparent;
  color: #CECECE;
}

---

然而，这件事却遇到了另一个问题！返回列表时，红色不再显示在已退出的选项上。我只添加了伪类

：hover:focus

，您可以再试一次（谢谢！）