JQuery와 쇼 호버 효과

Question

<div class="hot_post"> 
<header> 
<ul> 
    <li><img src="<?php echo get_template_directory_uri(); ?>/images/hot_post.png" alt="hot post"></li> 
    <li><h1>Hot Post</h1></li> 
</ul> 
</header> 
<div class="hot_post_list"> 
    <ul> 
     <li> 
      <div class="hot_post_single"> 
       <a href="" class="hot_post_thumbnail"><img src="http://lorempixel.com/83/83" alt="post title"></a> 
       <img src="http://lorempixel.com/40/40" alt="autor_avatar" class="hot_post_avatar"> 
      </div> 
      <div class="hot_post_title">This is post for wordrpess</div> 
     </li> 
     <li> 
      <div class="hot_post_single"> 
       <a href="" class="hot_post_thumbnail"><img src="http://lorempixel.com/83/83" alt="post title"></a> 
       <img src="http://lorempixel.com/40/40" alt="autor_avatar"> 
      </div> 
      <div class="hot_post_title">This is post for wordrpess</div> 
     </li> 
     <li> 
      <div class="hot_post_single"> 
       <a href="" class="hot_post_thumbnail"><img src="http://lorempixel.com/83/83" alt="post title"></a> 
       <img src="http://lorempixel.com/40/40" alt="autor_avatar"> 
      </div> 
      <div class="hot_post_title">This is post for wordrpess</div> 
     </li> 
    </ul> 
</div> 

나는 그들이 표시됩니다 기본적으로 "hot_post_thumbnail"를 유혹하여 "hot_post_single> IMG"와 "hot_post_title"을 보여 드리고자

: 숨겨진;

이 작업을 수행하는 데 사용해야하는 코드는 무엇입니까? 나는 오직 하나의 "hot_post_single> img"과 "hot_post_thumbnail"을 보여주고 싶습니다. 이것은 "hot_post_thumbnail"의 상대적입니다.

Answer 1

이 그것을 수행해야합니다 $ ("hot_post_thumbnail.") 마우스를 (함수() {

$ (이) .closest() 쇼(); $ (이). "hot_post_title을.". .closest ("img"). show();

});