将一个div悬停在卡片翻转图像上另一个div

Question

我正在尝试在一个div中有一个链接，当我将鼠标悬停在它上面时，我需要在另一个div中进行卡片翻转。 基本上我只想实现这个目标：http://jsfiddle.net/uxable/YHeKX/ 当我徘徊另一个div。

$(".flip").hover(function(){
    $(this).find(".card").toggleClass("flipped");
    return false;
});

Answer 1

在我的情况下，您只需将选择器$(".flip")更改为其他div的ID $("#flipit")，然后将$(this)更改为$(document)或$('body') }。要防止它翻转所有卡片，请为要翻转的卡片添加ID

jsFiddle example

$("#flipit").hover(function(){
  $(document).find("#specificCard").toggleClass("flipped");
  return false;
});