Jquery 悬停时向下滑动子div

我想分别在父div的悬停处向下滑动子div。我已经做了一个函数，我试图滑下，但它不工作。我想在主div上分别向下滑动第n个div。我已经用jquery编写了这个函数，但它不起作用。请帮帮我

$（文档）.ready（函数（）{
$（“.main”）.hover（函数（）{
myfunction（）；
});
函数myfunction（索引）{
$（“.main”）.each（函数（）{
$（$（this）>div:nth-of-type（2））。slideDown（2000）；
});
}
});
.main>div:n类型（2）{
颜色：蓝色；
显示：无；
}

你好，世界！
调整浏览器窗口的大小以查看效果

当屏幕宽度小于768px时，这些列将自动堆叠在彼此的顶部

当屏幕宽度小于768px时，这些列将自动堆叠在彼此的顶部

薰衣草
当屏幕宽度小于768px时，这些列将自动堆叠在彼此的顶部

薰衣草
当屏幕宽度小于768px时，这些列将自动堆叠在彼此的顶部

薰衣草
得到结果
问题是因为
myfunction（）
中的选择器语法无效。您需要使用
find（）
并将
nth-of-type（）
选择器置于其中。试试这个：


.main>div:n类型（2）{
颜色：蓝色；
显示：无；
}

你好，世界！
调整浏览器窗口的大小以查看效果

当屏幕宽度小于768px时，这些列将自动堆叠在彼此的顶部

当屏幕宽度小于768px时，这些列将自动堆叠在彼此的顶部

薰衣草
当屏幕宽度小于768px时，这些列将自动堆叠在彼此的顶部

薰衣草
当屏幕宽度小于768px时，这些列将自动堆叠在彼此的顶部

薰衣草
得到结果
此功能的工作原理与以前相同，没有给出所需的结果。我想将子div分别悬停在父div上。这是在同时悬停所有div。这是因为当您使用
each（）
对所有div进行迭代时，代码会告诉它如何获得所需的结果。这意味着在一个单亲div上悬停时，它的子div显示，而不是其他的。