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");
});

Answer 2

更改此

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

到此

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

Answer 3

请试试这个：

如果您正在寻找children，可以使用.next。

向我移动你的HTML，我们可以提供更多帮助，:)

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