让菜单停留并且不会在悬停在区域外消失

Question

嗨我有一个菜单头的标题，现在菜单通过向下滚动显示，一旦我打开标题侧面的箭头并消失一旦我将光标移出菜单下拉区域。

如何让菜单保持到我再次点击顶部的箭头按钮或在菜单中有一个按钮，如'ok'，这会使菜单向上滑动？

Answer 1

使用mousenter事件显示菜单。然后使用其他元素的click事件来隐藏内容。没有你的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(); 
});