讓菜單停留並且不會在懸停在區域外消失

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(); 
});