当我在分区上鼠标进入/鼠标退出时，如何使分区显示/隐藏？答案

【问题标题】：How to make a division show/hide when I mouseenter/mousexit on a division?当我在分区上鼠标进入/鼠标退出时，如何使分区显示/隐藏？
【发布时间】：2015-01-01 04:06:20
【问题描述】：

我想在图标上单击/鼠标进入时，会出现一个分区，当我鼠标退出扩展的分区时，该分区将隐藏。

我做了一个脚本，但它不能正常工作：

$("#userpanel").hide();
$("#user").mouseenter(function () 
{
    $("#userpanel").fadeIn("slow").css({"top":"185px","left":p+"px;"});
});
$("#userpanel").mouseout(function () 
{
    $("#userpanel").fadeOut();
});

【问题讨论】：

你拼错了mouseenter。 api.jquery.com/mouseenter
好吧，这不是问题，那是我的打字错误..代码运行成功，但输出与我预期的不一样，我正在寻找你有什么新代码可以做什么我想要，去amazon.com。当您在登录时鼠标输入时，会出现一个 div，当您从该 div 中移出鼠标时，扩展的 div 将不可见.. 这就是我想要的，无论如何，谢谢，不胜感激

标签： jquery hover division mouseenter mouseout

【解决方案1】：

鼠标离开而不是鼠标退出？不确定您在哪里遇到问题。请解释它为什么没有按照您的意愿行事。

此外，您已经编写了 mouseenter #user 使 #userpanel 可见的代码。但是当鼠标离开#userpanel 时，#userpanel 就会消失。所以有人必须先鼠标进入用户面板，然后鼠标离开用户面板。是这个问题吗？

【讨论】：

转到 amazon.com 。当您在登录时鼠标输入时，会出现一个 div，当您从该 div 中移出鼠标时，扩展的 div 将不可见.. 这就是我想要的，无论如何，谢谢，不胜感激
您是否尝试过将这个：$("#userpanel").mouseout 更改为 $("#userpanel").mouseleave？甚至更好： $(document).on('mouseleave', '#userpanel', function(){
确保 jquery 没有在任何地方崩溃：检查 chrome 中的元素并在检查器面板上查找红色 x。
完美，但在 amazon.com 上，当您将鼠标悬停在任何位置而不是登录或扩展 div 时，（鼠标悬停在登录后）扩展 div 正在消失，这就是我想要的