javascript - jQuery slidetoggle 多个 div 一次一个与同一个类

Question

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

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

它在动态页面上运行，因此容器的数量范围为 1-25。我试图在容器悬停时滑动切换每个 div 的 "content" 类。我使用这个 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;
} 

检查工作example