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滑动？感谢任何帮助,谢谢.

Answer 1

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

确保.content默认隐藏.

.content{
 display:none;
} 

检查工作示例