jquery - 如何在鼠标悬停时保持下拉菜单打开？

Question

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

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

我可以只对现有的进行更改，还是需要彻底重新考虑一下？

顺便说一句——这是六个之一，尽管 ID'd div 目前都不是列表元素的一部分。如果有帮助，我很乐意进行更改。

Answer 1

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

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

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