마우스로 특정 하위 div 표시 PHP에서 생성 된 내용 입력

Question

데이터베이스의 이벤트 정보를 표시하는 코드가 있습니다. 상위 컨테이너의 ID는 show_id입니다. 내부 (내 경우에는 mouseenter 함수를 사용하고 있습니다) 인 부모 div에 마우스를 가져 가면 내용 만 표시되는 숨겨진 div event_more_details이 있습니다. PHP는 내가 하나 개의 이벤트에 마우스를 가져 가면, 숨겨진 DIV 다른 모든 부모 div의 페이드, 다섯 개 가지 이벤트를 생성하는 경우도,

$('.show_event').mouseenter(function(){ 
    $('.event_more_details').fadeIn(500); 
}); 

문제가 : 여기에 코드입니다.

내가 제대로 HTML 구조를 이해한다면

Answer 1

JQuery와 함수 라이브러리를 통과 한 후 나는 답을 찾은 것 같아 : 444 당신의 도움이 많이

$('.show_event').hover(function() {$(this).find('.event_more_details').fadeIn(500);}, function() {$(this).find('.event_more_details').fadeOut(500);}); 

이 그런데, 나를 위해 잘 작동 @Ohad 덕분에.

Answer 2

, 당신은이를 사용할 수 있습니다

$('.show_event').mouseenter(function(){ 
    $(this).siblings('.event_more_details').fadeIn(500); 
}); 

.siblings() 요소를 형제하는 선택을 적용합니다. (docs)