同じクラスを持つ個々のdivを切り替える方法

Question

私はいくつかの子divを持つ繰り返しラッパーdivのセットを持っています。各ラッパーdiv内には、切り換え可能なアイコン+のdivがあります。アイデアは、そのアイコンがクリックされると、隠れたdivを滑り落ち、開いている他のすべてのdivを閉じます。しかし、+をクリックすると、内部にあるものだけでなく、すべての非表示のdivが切り替わります。また、一度スライドすると他のdivをすべて閉じる方法はありません。どんな助けもありがとうございます。ありがとう！

私はこれにはいくつかのバリエーションを試してみた、とどれも働いていない： https://jsfiddle.net/9v3p7sxg/

Answer 1

変更するには、次の行：：

へ

$(this).closest('div').find('.text-area').slideToggle(); 

$('.action').click(function(){ 
    $(this).closest('div').find('.text-area').slideToggle(); 

ここに私のコードです

$(this).closest('.row').next(".row").find('.text-area').slideToggle(); 

してもう一度お試しください。

説明：セレクタは次div有するクラス.rowであるしたがって、最初の親rowを選択し、そのすぐ次row

Answer 2

$('.action').click(function() 
$(this).parent().closest('div').find('.text-area').slideToggle();