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

making the menu stay and not disappear on hovering out of the area

本文关键字：消失 菜单 悬停 区域      更新时间：2023-09-26

嗨，我有一个标题，它的侧面有一个菜单，现在，当我点击标题侧面的箭头时，菜单会通过下拉显示，当我将光标移出菜单下拉区域时，菜单就会消失。

我如何使菜单保持不变，直到我再次像顶部的箭头按钮一样点击，或者在菜单中有一个像"确定"这样的按钮，它会向上滑动到菜单上？

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

http://jsfiddle.net/4Jn6q/

<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();
});
相关文章：