При наведении мыши на одну фотографию, высвечиваются все остальные. Можно было бы каждому объекту по еще одному уникальному классу добавить, но, хочу узнать, есть ли другой способ выделить одно конкретное фото?
https://www.youtube.com/watch?v=1WqC6m4Huys
$(".team__switch").hide();
$(".team__item").mouseenter(function () {
$(".team__switch").fadeIn('3');
}).mouseleave(function () {
$(".team__switch").fadeOut('3');
});
<div class="team__items">
<div class="team__item">
<a href="team__item-link">
<img class="team__item-img" src="img/team_2.png" alt="">
<div class="team__switch">
<h4 class="team__name">
</h4>
<p class="team__text">
</p>
</div>
</a>
</div>
<div class="team__item">
<a href="team__item-link">
<img class="team__item-img" src="img/team_1.png" alt="">
<div class="team__switch">
<h4 class="team__name">
</h4>
<p class="team__text">
</p>
</div>
</a>
</div>
<div class="team__item">
<a href="team__item-link">
<img class="team__item-img" src="img/team_2.png" alt="">
<div class="team__switch">
<h4 class="team__name">
</h4>
<p class="team__text">
</p>
</div>
</a>
</div>
<div class="team__item">
<a href="team__item-link">
<img class="team__item-img" src="img/team_3.png" alt="">
<div class="team__switch">
<h4 class="team__name">
</h4>
<p class="team__text">
</p>
</div>
</a>
</div>
</div>