我該如何暫時移除：將鼠標懸停在元素上？

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