Bootstrap Tabs悬停修改

Question

我修改了引导标签以便悬停工作并进行了一些更改以正确隐藏内容标签。

我希望它能够充当动态弹出/弹出层。

现在的问题是，当您将鼠标悬停在菜单上时，它不会悬停在任何内容上。当我将鼠标悬停在相应的标签上或内容本身上时，我希望它可见。我快速更改原始脚本的问题是，当您将Tab保留在左侧（第一个菜单项）或右侧（第三个菜单项）时，它仍会显示内容。

以下jsFiddle说明：

http://jsfiddle.net/WnQvF/27/

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