Jquery 在悬停时切换每个 div

Question

我有几个按顺序显示的 div，我希望当用户将鼠标悬停在每个 div 上时以向上滑动动画的方式显示内容。我已经完成了大部分工作，但我很难掌握当您滚动到右侧 div 时如何使动画发生。目前，当我将鼠标悬停在一个 div 上时，它会显示所有三个动画内容。

任何帮助都会很棒。

代码是:

$(".collection-content").hover(function () {
  $(".collection-info").slideToggle("fast");
});

我知道它与 foreach 语句有关，但我就是无法到达那里。

谢谢

Answer 1

改变这个

$(".collection-content").hover(function () {
    $(".collection-info").slideToggle("fast");
});

至此

$(".collection-content").hover(function () {
    $(this).find(".collection-info").slideToggle("fast");
});