Как переключать отдельные div, которые имеют один и тот же класс

У меня есть набор повторяющихся div-пакетов с несколькими дочерними div-ами. Внутри каждого упаковщика есть div для переключаемого значка +. Идея состоит в том, что при нажатии на этот значок он скользит вниз по скрытому элементу div и закрывает все остальные открытые элементы div. Однако, когда я нажимаю на любой +, он переключает ВСЕ скрытые div, а не только тот, который внутри. Кроме того, у меня НЕТ ИДЕИ, как закрыть все остальные div, как только один скользит вниз. Любая помощь приветствуется. Спасибо!

Я пробовал несколько вариантов этого, и ни один не работал:

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

Вот мой код: https://jsfiddle.net/9v3p7sxg/