Jquery 在悬停时切换每个 div

标签 jquery toggle slideup

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

任何帮助都会很棒。

代码是:

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

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

谢谢

最佳答案

改变这个

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

至此

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

关于Jquery 在悬停时切换每个 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20203633/

相关文章:

javascript - 单击时切换拉斐尔对象的颜色

javascript - 在菜单选择时自动关闭切换导航菜单

jquery - 从页面顶部滑动导航菜单 - Jquery

jquery - 带有 jquery css 的整页背景

jquery - 如何使用 jQuery 删除克隆图像?

jquery - 侧边菜单切换过渡效果?

Android - 向上滑动面板(库)圆角

javascript - 悬停时类更改 : CSS vs jQuery (transition glich)

javascript - 选择后代元素的最佳方法