二级菜单同步异步问题

问题遇到的现象和发生背景

二级菜单鼠标划入下拉现象

问题相关代码,请勿粘贴截图

$(function(){
$(".f1").mouseenter(function(){
$(".f1>.obox").slideDown("slow").css({
"display":"block"
})
$(".f1>.obox").css({"display":"none"})
})
})

运行结果及报错内容

鼠标划入consolo.log内容正常显示
jQuery下拉事件并不是每一次都触发

我的解答思路和尝试过的方法

一开始我认为是鼠标移入事件失败,但是console.log内容每一次都触发,开始怀疑是否是同步异步问题,如果去掉自带选择器直接写$("obox).后续内容的话,是可以每一次都触发的。

我想要达到的结果

因为我写的基础结构的问题,如果去掉子代选择器,我无法选择具体内容下拉,是所有二级菜单下来,所以我希望可以解决这个问题,移入哪个菜单哪个菜单下来

你应该是没有做排他,不知道你的html是怎么写的,你给$(".f1>.obox")添加了一个slideDown,f1的子项有多少个.obox标签,你应该给当前的.obox添加 slideDown,其他隐藏, jquery好久没用了,忘记怎么写了,你可以去搜 js中的 排他思想 应该就能够解决