FadeIn 1 엘레멘트

Question

나는 3 개의 포트폴리오 아이템으로 홈페이지를 만들고 있는데, 그 중 하나를 가리키면이 요소 위에 div가 사라져야한다. 그러나 내가 움직일 때 모든 코드에서 코드가 사라집니다. 그래서 .closest()로 시도했지만 지금은 아무 일도 일어나지 않습니다. 누군가 이걸로 나를 도울 수 있습니까?

내 HTML :

<div class="hpi"> 

    <div class="hpi_wrap"> 
     <h2>Title of this item</h2> 
     <p>Blablablab</p> 
    </div> 

    <img src="//"> 

<div><!--End hpi1--> 

<div class="hpi1"> 

    <div class="hpi_wrap"> 
     <h2>Title of this item</h2> 
     <p>Blablablab</p> 
    </div> 

    <img src="//"> 

<div><!--End hpi2--> 

<div class="hpi"> 

    <div class="hpi_wrap"> 
     <h2>Title of this item</h2> 
     <p>Blablablab</p> 
    </div> 

    <img src="//"> 

<div><!--End hpi3--> 

내 .hp1_wrap가 디스플레이 스타일입니다 : 없음;

내 jQuery를 :

$(document).ready(function(e) { 


    $(".hpi").hover(function(){ 
     $(this).closest('.hpi_wrap').fadeToggle(300); 
    }); 

}); 

Answer 1

사용 find() 대신 closest()

$(document).ready(function(e) { 
    $(".hpi").hover(function(){ 
     $(this).find('.hpi_wrap').fadeToggle(300); 
    }); 

});