如何在鼠标悬停时保持打开状态？

Question

$("#home-shop-first").hover(function(){
    $("#first-button-box").slideToggle();
});

这可以显示一个下拉框，但现在我需要能够在此框中添加指向内容的链接，并让用户能够将鼠标悬停在上面并单击它们。

我可以只更改我所拥有或需要的东西来彻底重新考虑吗？

BTW - 这是六个中的一个，尽管ID'd的div当前都不是列表元素的一部分。如果有帮助的话，我很乐意改变它。

Answer 1

如果在下拉列表后关闭#home-shop-first元素，当您将鼠标移到下拉列表项上时，鼠标将保持悬停元素中的元素将保持打开状态...

与jQuery无关，只需在#home-shop-first之前打开标识为#first-button-box的元素，然后在#first-button-box之后关闭它。像这样：

示例：http://jsfiddle.net/gygPh/

Answer 2

如果#first-button-box未嵌入您的#home-shop-first，您可以简单地绑定其他事件。就像'mouseenter'：

$("#home-shop-first").bind('mouseenter',function(){
    $("#first-button-box").slideToggle();
});​

还有很多其他解决方案。如果有很多元素可以避免每个按钮的ID（如果没有必要的话），我会做like that。{/ p>