带有悬停的Bootstrap标签弹出菜单

时间:2012-06-05 12:46:14

标签: javascript tabs hover twitter-bootstrap flyout

我正在尝试创建一个Flyout菜单,其中第二级是用户可以执行操作的大型div。将其视为产品页面。您有3个产品,弹出窗口显示产品的功能和信息。在底部可能有一个DownloadNow-Button或其他东西。

因此,当悬停在相应的标签按钮或弹出按钮上时,必须显示弹出按钮。它应该在任何其他时间自动隐藏。

必须使用Bootstrap-Tab插件完成。

粗糙的jsFiddle:http://jsfiddle.net/QPfWb/2/

Aaand现在我卡住了。当没有悬停在按钮或弹出按钮上时,弹出按钮应该消失。 我尝试了一些mouseLeave功能但没有成功。

1 个答案:

答案 0 :(得分:2)

你应该像我的例子http://jsfiddle.net/baptme/Mf4Vh/

一样尝试.mouseout()