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

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

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

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

0
Fernanda Graciolli 24 Апр 2017 в 07:08

2 ответа

Лучший ответ

Измените следующую строку:

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

Кому

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

И попробуй еще раз.

Объяснение: Селектор находится в следующем div классе .row, поэтому сначала выберите родителя row, а затем сразу же выберите его row

0
Mayank Pandeyz 24 Апр 2017 в 04:14
$('.action').click(function()
$(this).parent().closest('div').find('.text-area').slideToggle();
0
Osama 24 Апр 2017 в 04:26
43579654