Menu 菜单-关注鼠标

我在主分区有一个调用上述事件的菜单

mouseover
function() {
$('.box-content-category').addClass('active');
$(".box-content-category").show(1);
}

mouseout
function() {
$('.box-content-category').addClass('active');
$(".box-content-category").hide(1);
}

这个问题。当用户将鼠标（mouseover）设置为下方div以浏览菜单时，菜单将消失

如何设置菜单，使其在鼠标悬停时保持打开状态，在鼠标悬停在上述div时保持关闭状态

多谢各位 祝你一切顺利