一時的に削除するには：要素からマウスを移動しますか？

Question

ここに私の問題のjsfiddleがあります：http://jsfiddle.net/sbBxu/ - "ホバー・ミー"要素をホバーすると、.resultがリストによって隠されてしまいます。ユーザーが "click me"要素のいずれかをクリックすると、結果は変わりますが、ユーザーはそれを見ません。

ユーザーに結果が表示されるようにしたいのですが、それは.hiddenによって隠されています。しかし、単にそれを「隠す」と、JQueryは「表示」プロパティを「なし」に設定します。これにより、show-on-hoverの動作が中断されます。

基本的には、クリック時のポップアップ表示を除いて、フィドルと同じものが欲しいです。

Answer 1

私は、CSSから:hoverを削除し、リストを表示/非表示のためのjQueryを使用したい：

http://jsfiddle.net/sbBxu/4/

$('.hoverd').mouseenter(function() { 
    $('.hidden', this).show(); 
}); 

$('.hidden li').click(function() { 
    $('.result').text('I am a result'); 
    $(this).closest('.hidden').hide(); 
}); 

Answer 2

.hoverd:hover .hiddenクラスからposition: absoluteを削除してみます。

Example fiddle