Javascript 隐藏嵌套div时，Hover命令停止工作

我试图在CSS中使用hover命令，当鼠标悬停在我的属性按钮上时，它会工作，但我希望它在JavaScript中的单击事件之后隐藏

下面是一个我的代码示例，其中有一个属性按钮，当您将鼠标悬停在该按钮上时，会出现一个下拉列表。如果我添加$.dropdown content.cssdisplay，则无；单击按钮事件，则悬停命令停止工作

我不明白为什么会出现这种情况，因为我会隐藏嵌套的div.dropdown内容，所以hover命令应该仍然适用于外部div`.dropdown，但它不起作用。任何帮助都将不胜感激

$001。点击，功能正常{ window.whichtab=1； }; $002.点击，功能正常{ window.whichtab=2； }; $001002.点击，功能{ $title1，title2.hide 如果window.whichtab==1{//home $title1.5美元；展示； $title1.css显示，内嵌； //$.dropdown content.cssdisplay，无； } 如果window.whichtab==2{ $title2.0元；展览； $title2.css显示，内嵌； //$.dropdown content.cssdisplay，无； } }; .dropbtn{ 背景色：3d70b2； 颜色：白色； 填充：13px； 字体大小：16px； 边界：无； } .下拉式内容按钮{ 颜色：黑色； 边界：无； 宽度：250px； 高度：自动； 填充：13px 16px； 文本对齐：左对齐； 文字装饰：无； 显示：内联块； 光标：指针； } .下拉内容{ 显示：无； 边框：实心； 边界半径：0px； 边框颜色：3d70b2； 位置：绝对位置； 背景色：17,83,238； 最小宽度：250px； 盒影：0px 12px 16px 0px rgba0,0,0,0； z指数：1； } .下拉：悬停.下拉内容{ 显示：块； } .dropdown:悬停.dropbtn{ 背景色：3d70b2； } 标题1{ 显示：内联； } 标题2{ /*默认标题为2隐藏*/ 显示：无； } 所有物 &emsp&emsp；主页 &emsp&emsp；内容页 主页 内容页 显示：无不会保留空间，您不能将鼠标悬停在该空间上。可以按以下方式使用“不透明度”属性：

$(".dropdown-content").css("opacity", 0); // hide
$(".dropdown-content").css("opacity", 1); // show

---

这具有相同的效果，悬停命令停止工作。如果我添加了可见性：visible；对于悬停CSS，它仍然不起作用。@BenGooding，请尝试使用不透明度：它仍然不起作用，下拉内容将永久变为不透明度0，即使我添加了不透明度：1，也不会返回到1；在CSS的hover命令中，也使用display:none，我认为应该只影响内部嵌套的div，因为它是被删除的div，但是hover命令停止对外部div工作