JQuery-悬停时添加/删除框

我已经设置了一个列表，当您将鼠标悬停在列表项上时，会弹出一个“配置文件”框。我已经完成了我想要实现的第一步，那就是使用mouseenter和mouseleave将框弹出，然后在悬停在另一个LI上时隐藏框。下一步是保持框显示，因为它在这个“配置文件”框中有链接和投票按钮。简而言之，我想将鼠标悬停在一个列表项上，显示一个一直显示的框，直到另一个LI悬停在该框上，然后隐藏上一个框并显示一个被悬停的框

任何意见都将不胜感激，谢谢

对两个处理程序使用jQuery

.hover（）

（），第一个处理程序处于悬停状态，第二个处理程序处于离开状态

例如，类似这样的事情：

var popup = jQuery('#popup');

jQuery('li').hover(function(){
    popup.show();
}, function(){
    popup.hide();
});

---

显然，您必须使用正确的选择器更改

jQuery（'#popup'）

和

jQuery（'li'）

，以捕获要显示/隐藏的弹出窗口元素以及列表中的项目：）

我已经做了一个非常简单的示例

在本例中，我们使用了悬停事件、可见选择器和.hide（）函数

HTML:

JQuery：

$(document).ready(function(e) {
    $('li').on('hover', function(e) {
        $('div:visible').hide();
        $(this).find('div').show();
    });
});

以下是JSFIDLE上的示例：

---

请记住，在JQuery中有许多不同的方法来实现您的行为。在jQueryAPI中搜索和检查有用的函数总是值得的。希望这是有帮助的

也许如果你发布了你当前的代码，有人可能会提示你下一步该做什么，使用你的变量、结构等等。这会增加你得到答案的机会。

div {
    display: none;
}

$(document).ready(function(e) {
    $('li').on('hover', function(e) {
        $('div:visible').hide();
        $(this).find('div').show();
    });
});