Javascript 如何使用删除div。使用后模糊。单击另一个div

当我将鼠标从一个大搜索栏上移开时，我正试图使一个大搜索栏div消失（但只有在大搜索栏从使用中可见之后。单击另一个搜索栏上的函数）

抱歉，如果这听起来令人困惑，但这是我迄今为止所做的：

$("#bar-b").click(function() {
    $("#quickSearch").show();
});

#bar-b

div是一个小的主搜索栏，我单击它后，

#quickSearch

div（我创建的大搜索栏）就会显示在小的主搜索栏的正下方。我试图做的是当我将光标移动到

#quickSearch

div中时（我希望不会做任何更改，所以不会发生任何事情，这就是它迄今为止所做的），但当我将光标从

#quickSearch

div中移开时，我希望

#quickSearch

div消失。如果有人能教我怎么做我会很感激的谢谢

我做了几次尝试，结果证明是不正确的，例如：

$("#bar-b").click(function() {
    $("#quickSearch").show();
});

$("#quickSearch").mouseleave(function() {
    $("#quickSearch").hide();
});

HTML标记（如果有帮助，请在每个div下面列出）：

/div>

如果我理解正确，看起来你走的是正确的道路，你只需要确保你只在正确的情况下隐藏。实现这一点的最简单方法可能是添加一个变量来存储状态，并在事件侦听器函数中将其设置为

true

。类似于将

openedWithClick=true

放入onClick处理程序，可能还会根据您的场景为输入的鼠标添加检查。您可能还希望使用

mouseout（）

而不是

mouseleave（）

。如果这不是您的问题，您可能需要澄清您的示例代码到底发生了什么，以及它与您期望发生的情况有何不同。

检查此项

您的代码有语法错误

<div id="quickSearch" style="border: 3px solid black; height: 250px; display: none </div>

---

我想这就是你想要的，如果是这样的话，那你就真的不远了！我已经准备好了一份报告，这样你可以到处玩，或者如果我不符合你的要求，可以进一步指导我，我会努力改进它

$("#bar-b").bind("click", function() {
    $("#quickSearch").show();
});

$("#quickSearch").bind("mouseout", function() {
    $(this).hide();
});
​ 

“当<代码>点击<代码>功能启用时”是什么意思？如果您给我们一些代码来处理，或者至少发布您的标记来显示所涉及的标记，这将非常有帮助。@Jon-忘了我说的，我把它写错了，现在编辑了我的问题，谢谢您选择它。@Terric-我现在编辑了我的问题，请随时查看，谢谢。@user1279780我已经更新了我的JSFIDLE链接。很抱歉，它之前不起作用：-）谢谢您提供的信息，我已经考虑到了这一点，并将开始练习。
<div id="quickSearch" style="border: 3px solid black; height: 250px; display: none;"> </div>​​​​​​​​​​​​

$("#bar-b").bind("click", function() {
    $("#quickSearch").show();
});

$("#quickSearch").bind("mouseout", function() {
    $(this).hide();
});
​