Javascript Jquery悬停在所有元素上

我试图在我的div元素中实现jquery hover函数，所以我有一个div，它首先没有显示，所以我用css隐藏它，

display:none

，我使用jquery hover来显示它，所以这是我的代码

$('.fc-day-grid-event').hover(
  function() {
    $(".hidenDiv").css("display", "inline-block");
  },
  function() {
    $(".hidenDiv").css("display", "none");
  }
);

但是当我在元素中悬停时，所有具有类

.fc day grid event

的元素都会显示隐藏的div，它应该只在我悬停的元素中显示

hidenDiv

，使用上下文选择器或

.find（）

以当前

fc day grid event

元素的子元素为目标

$('.fc-day-grid-event').hover(function () {
    $(".hidenDiv", this).css("display", "inline-block");
    //$(this).find(".hidenDiv").css("display", "inline-block");
}, function () {
    $(".hidenDiv", this).css("display", "none");
});