メニューを留まるようにして、エリア外にホバリングしても消えないようにする

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