如何切换具有同一类的单个DIV

Question

我有一组重复的包装器，带有几个孩子。每个包装器内部是一个可切换图标 的Div。这个想法是，当单击该图标时，它将滑下一个隐藏的div并关闭所有其他打开的隐藏divs。但是，当我单击任何 时，它会切换所有隐藏的divs，而不仅仅是其中一个。另外，一旦一个人滑下来，我就不知道如何关闭所有其他divs。任何帮助都将受到赞赏。谢谢！

我已经尝试了几种变体，但没有一个有效的方法：

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

这是我的代码：https://jsfiddle.net/9v3p7sxg/

Answer 1

更改以下行：

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

to

$(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();