어떻게 일시적으로 제거합니까? 요소에서 마우스를 가져 왔습니까?

Question

여기 내 문제가있는 jsfiddle입니다 : http://jsfiddle.net/sbBxu/ - "Hover me"요소를 가리키면 .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