Анимировать ближайший div

Question

У меня есть изображение и div. Если я нахожусь на изображении, div становится видимым. Я хочу использовать тот же эффект для другого изображения и div. Но если я нахожу любой образ, который показывают оба div. Как я могу анимировать индивидуально? Вот код, я использую

$(".home_plus_1 img").hover(function() { 
    $(".hp_1_cont").animate({ 
     opacity: "1" 
    }, { 
     queue: false 
    }); 
}, function() { 
    $(".hp_1_cont").animate({ 
     opacity: "0" 
    }, { 
     queue: false 
    }); 
}); 




<div class="home_plus_1 plus_holder"> 
<img src="<?php echo get_template_directory_uri(); ?>/images/plus.png" alt=""> 
    <div class="hp_1_cont"> 
    <div class="hp1_t">Jeden Montag, 
     Mittwoch, Samstag & 
     Sonntag FKK Tage Bei uns im Club</div> 
    <div class="hp_1_conb">An allen anderen Tagen treffen Sie in unseren Clubräumlichekeiten die heißen Girls in sexy Dessous an!</div> 
    </div> 

    <!-- hp_1_cont --> 
</div> 

Answer 1

Поскольку вы не предоставили никакой HTML структуру, я бы сказал что-то, как это должно помочь:

$(".home_plus_1 img").hover(function() { 
    $(this).next().animate({opacity: "1"}, {queue: false}); 
}, function() { 
    $(this).next().animate({opacity: "0"}, {queue: false}); 
}); 

Edit: обновили код, чтобы соответствовать обновленный HTML.

Answer 2

вы можете связаться с элементом $(this).next() или $(this).parent().find('.hp_1_cont') контекст. dont поиск элемента по всему документу

$(".home_plus_1 img").hover(function() { 
    $(this).next().stop().fadeIn(); 
}, function() { 
    $(this).next().stop().fadeOut(); 
});