我该如何暂时移除：将鼠标悬停在元素上？

Question

这里是我的问题jsfiddle：http://jsfiddle.net/sbBxu/ - 当你悬停“悬停我”元素，.result被列表隐藏。当用户点击任何“点击我”元素时，结果会改变，但用户看不到它。

我想让用户看到结果，它被.hidden隐藏。但如果我只是“隐藏”它，JQuery将“display”属性设置为“none”，这会打破悬停展示行为。

基本上，我想要的东西与小提琴中的相同，除了点击弹出隐藏。

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