javascript - jQuery slidetoggle 多个 div 一次使用同一个类

Question

我正在尝试slideToggle()在多个 div 悬停上使用，在其受人尊敬的容器 div 中显示另一个 div。例子：

<div class="container">123
   <div class="content">ABC</div>
</div>
<div class="container">123
   <div class="content">ABC</div>
</div>

它在动态页面上运行，因此容器的数量可以从 1 到 25 不等。我正在尝试"content"在容器悬停时滑动切换每个 div 的类。我使用这个 jQuery

function slide() {
   $(".content").slideToggle("fast");
   return false;
}

$(".container").hover(slide, slide);

但是，它仅适用于第一个容器/内容 div。如何在没有 25 个不同的 jQuery 函数的情况下让它滑动切换每个创建的 div？任何帮助表示赞赏，谢谢。

score 7 · Accepted Answer

$(".container").hover(function(){
$(this).find('.content').slideToggle();
});

确保默认隐藏.content。

.content{
 display:none;
}

检查工作示例

score 2 · Accepted Answer

您需要将容器与正确的内容相关联。

function slide() {
   $(this).find(".content").slideToggle("fast");
   return false;
}

$(".container").hover(slide, slide);

PS 为什么你在幻灯片中返回 false ？

score 0 · Accepted Answer

这是另一种可能性：http: //jsfiddle.net/UfjMe/5/

通过循环遍历每个项目，隐藏，然后添加悬停命令来工作。