如何切换具有相同类的单个div

Question

我有一组带有几个子div的重复包装div。每个包装器内部div是一个可切换图标+的div。这个想法是，当点击该图标时，它将向下滑动隐藏的div并关闭所有其他打开的隐藏div。但是，当我点击任何+时，它会切换所有隐藏的div，而不仅仅是它内部的div。另外，我没有IDEA如何在滑下时关闭所有其他div。任何帮助表示赞赏。谢谢！

我尝试了几种不同的方法，但没有一种方法有效：

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

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

Answer 1

更改以下行：

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