Javascript 引导选项卡悬停修改

我更改了引导选项卡以使用hover，并做了一些更改以正确隐藏内容选项卡

我希望它能作为一个动态弹出/弹出层

现在的问题是，如果您在将鼠标悬停在菜单上之后不将鼠标悬停在任何内容上，则它无法正常工作。我希望在将鼠标悬停在相应的选项卡上或内容本身上时，它是可见的。我快速更改原始脚本的问题是，当您将选项卡向左（第一个菜单项）或向右（第三个菜单项）时，它仍将显示内容

以下JSFIDLE中对其进行了说明：

---

一个简单、干净的解决方案将不胜感激。

您想用

mouseleave

功能实现什么？它们是你问题的原因，你想用它们做什么并不十分明显。如果它们被删除了，那么这些选项卡将按预期工作：不，对不起，不准确。我希望在将鼠标悬停在相应的选项卡上或内容本身上时，它是可见的。我快速更改原始脚本的问题是，当您将选项卡向左（第一个菜单项）或向右（第三个菜单项）时，它仍将显示内容。