javascript - jQueryスライドトグル複数のdivを一度に1つずつ同じクラスで

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 の範囲になります。"content"コンテナのホバーで各divのクラスをslideToggleしようとしています。私はこの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/

各項目をループして非表示にし、ホバーコマンドを追加することで機能します。