使用jQuery在悬停时切换另一个div

Question

我试图弄清楚如何在悬停另一个div的同时切换另一个div。我相信jQuery是实现这一目标的最佳方法。

我想实现/练习的是，当我将鼠标悬停在最左边的div上时，它的div右边的它会使其悬停div切换。对于最右边的那个，它的div左边的它会悬停div切换。我不确定这是否可以用jQuery完全实现。目前，我只能在卡本身上使用它。

任何提示将不胜感激！

$(document).ready(function() {
    $(".flip-card").hover(function(){
  jQuery(this).find(".flip-card-back").toggle();
}); }); 


<div class="col-3">
  <div class="flip-card">
    <div class="flip-card-inner">
      <div class="flip-card-front">
      </div>
      <div class="flip-card-back">
        <h1>John Doe</h1>
        <p>Architect & Engineer</p>
        <p>We love that guy</p>
      </div>
    </div>
  </div>
</div>

这是一个JSFiddle： https://jsfiddle.net/40h2wyq5/7/