Javascript 使菜单在悬停在区域外时保持不变而不消失

嗨，我有一个标题，旁边有一个菜单，现在，当我按下标题旁边的箭头时，菜单就会显示出来，当我将光标移出菜单下拉区域时，菜单就会消失

---

如何使菜单保持不变，直到我再次单击顶部的箭头按钮或菜单中有一个向上滑动的“确定”按钮为止？

使用鼠标输入事件显示菜单。然后使用另一个元素的单击事件隐藏内容。如果没有html/css，那么确定应该使用的确切选择器和代码将是一件糟糕的事情

---

你能发布你的代码或一个实例吗？你能用你的代码启动一个JSFIDLE吗。这里没有足够的信息来帮助您。我将尝试在JSFIDLE中上载它，但这很棘手，因为js是竞争模板皮肤的一部分。谢谢提示，我将尝试一下。我可以上传我的代码，但它是一个完整的模板皮肤，有很多js和css依赖项。

<div id="a">
    <span>X</span>
    <div>Some content to show</div>
</div>

$('#a').mouseenter(function() {
    $(this).children().slideDown();
});

$('span').click(function() {
    $(this).parent().children().slideUp();
});