Javascript jQuery悬停并检查是否单击了链接

我想检查链接“meist”是否被点击，如果被点击，则将子菜单更改为子列表。因此，如果您将鼠标悬停在外，它将自动返回到子列表菜单

当我想单击子菜单上的某个内容时，子菜单将消失，我也无法找到它的修复方法

HTML

Asi 1


Asi 2


Asi 3




项目1


项目2


项目3

CSS

#meist{
显示：内联；
浮动：左；
宽度：180px；
高度：50px；
颜色：#191919；
文本对齐：居中；
溢出：隐藏；
背景：99万；
-moz边框半径左上角：50px；
边框左上半径：50px；
} 
#迈斯特：悬停{
文字装饰：下划线；
颜色：白色；
字号：17.5px；
线高：15px；
} 
#seadmed{
显示：内联；
浮动：左；
宽度：180px；
高度：50px；
颜色：#191919；
文本对齐：居中；
溢出：隐藏；
背景：99万；
}  
#seadmed:悬停{
文字装饰：下划线；
颜色：白色；
字号：17.5px；
线高：15px；
} 
#子菜单{
颜色：白色；
高度：25px；
宽度：900px；
背景：#630000；
边缘顶部：50px；
}
#子列表{
显示：无；
字体大小：12px；
}
#子列表asi1{
左边距：70像素；
高度：25px；
宽度：75px；
}
#亚列表asi2{
左边距：25px；
}
#亚列表asi3{
左边距：25px；
}
#下标{
显示：无；
字体大小：12px；
}
#第1分项{
左边距：70像素；
高度：25px；
宽度：75px；
}
#分项2{
左边距：25px；
}
#第3分项{
左边距：25px；
}

JS

$（文档）.ready（函数（）{
$（“#meist”）.mouseleave（函数（）{
$（“#子列表”）.hide（）；
返回false；
});
$（“#meist”）.mouseenter（函数（）{
$（“#子列表”）.show（）；
返回false；
});
$（“#seadmed”）.mouseleave（函数（）{
$（“#subseadmed”）.hide（）；
返回false；
});
$（“#seadmed”）.mouseenter（函数（）{
$（“#subseadmed”）.show（）；
返回false；
});
});

我想你可以通过添加

 $("#meist").mouseleave(function () { 
    $("#submeist").delay(1000).hide('fast');
    return false; 
});

及

当心拖延时间。仅在必要时添加它。这可以是一个临时解决方案，但这不是唯一的解决方案

---

根据需要增加隐藏子菜单的时间。

这里有一个提示：我不建议在ID和类中使用特殊字符（

u

，

é

，

è

等等），一些浏览器可能会遇到这些问题。好吧。。。问题解决后，我会马上更换。谢谢你的提琴，只需使用OP的代码：谢谢你的提琴，有人能帮我吗？

   $("#seadmed").mouseleave(function () { 
    $("#subseadmed").delay(1000).hide('fast');
    return false;