Javascript 试图找出如何从导航栏中消失我的不可见div

我正在尝试创建一个导航栏，非常简单，单独想一想怎么做，但有些东西让我头疼。在进一步解释之前，让我先向您展示我的代码：

HTML:

就是这样，真的很简单。所以，当我的鼠标离开我的第一个li直接进入我的div时，div就消失了。好吧，这是因为我在.tile上的mouseout函数…我理解这一点，但我如何设置这样的条件：如果我的.invDiv在display:block，那么将.tile+.invDiv分组。使消失。只有当你不在.invDiv或.tile时才消失。但即使如此，如果我的鼠标在我的.invDiv内，我继续我的.tile，那.invDiv消失！我知道这是一个条件，但怎么写

---

（我希望你们都理解我，我的英语不是很好！！！谢谢大家。）

就我理解你们的问题而言，我想这就是你们想要的：

只需使用.toggle（）函数

编写此代码的更好方法是：

$('.tile').on('mouseenter', function(){
    $('.invDiv').toggle();
});

$('.tile').on('mouseout',function(){
    $('.invDiv').toggle();
});

---

因此，如果您使用div的内部列表更改此div中的某些内容，则不会有任何问题。有人能确认吗？没有，没关系。Li可以将块元素作为子元素。您必须更具体一点。这是干什么用的？它是子菜单吗。。那么父链接在哪里？我的div导航栏是我的导航栏，其中每个li在名为invDiv的div块元素中都有一个子菜单。我没有放任何CSS，为此我很抱歉。我知道没有它似乎有点混乱。我知道它就这么简单！！+根本没有js条件，这太棒了！非常感谢。可以我知道我做错了什么。今天早上早些时候我试过，我把“mouseenter”而不是“mouseover”作为你的第一行。如果你放上“mouseenter”，那么你的隐形div将消失，即使你回到你的初始位置（在这个例子中，第一个li），你的第三个函数现在是无用的！是的，你是对的。我试图修复早期的代码，但在保存时忘记了移动它。我测试了它，出现了一个问题。当鼠标在“.invDiv”中移动时，该Div会消失并不断重新出现。不过还是要谢谢你：）

$('.tile').mouseenter(function(){
$('.invDiv').show();
});

$('.tile').mouseout(function(){
$('.invDiv').hide();
});

$('.tile').mouseover(function(){
$('.invDiv').show();
});

$('.tile').mouseout(function(){
$('.invDiv').hide();
});

$('.tile').mouseenter(function(){
    $('.invDiv').toggle();
});

$('.tile').mouseout(function(){
    $('.invDiv').toggle();
});

$('.tile').on('mouseenter', function(){
    $('.invDiv').toggle();
});

$('.tile').on('mouseout',function(){
    $('.invDiv').toggle();
});