У меня есть набор повторяющихся div-пакетов с несколькими дочерними div-ами. Внутри каждого упаковщика есть div для переключаемого значка +. Идея состоит в том, что при нажатии на этот значок он скользит вниз по скрытому элементу div и закрывает все остальные открытые элементы div. Однако, когда я нажимаю на любой +, он переключает ВСЕ скрытые div, а не только тот, который внутри. Кроме того, у меня НЕТ ИДЕИ, как закрыть все остальные div, как только один скользит вниз. Любая помощь приветствуется. Спасибо!
Я пробовал несколько вариантов этого, и ни один не работал:
$('.action').click(function(){
$(this).closest('div').find('.text-area').slideToggle();
Вот мой код: https://jsfiddle.net/9v3p7sxg/
2 ответа
Измените следующую строку:
$(this).closest('div').find('.text-area').slideToggle();
Кому
$(this).closest('.row').next(".row").find('.text-area').slideToggle();
И попробуй еще раз.
Объяснение: Селектор находится в следующем div
классе .row
, поэтому сначала выберите родителя row
, а затем сразу же выберите его row
$('.action').click(function()
$(this).parent().closest('div').find('.text-area').slideToggle();
Похожие вопросы
Новые вопросы
jquery
jQuery - это библиотека JavaScript, рассмотрите возможность добавления тега JavaScript. jQuery - это популярная кросс-браузерная библиотека JavaScript, которая облегчает прохождение Document Object Model (DOM), обработку событий, анимацию и взаимодействие AJAX, сводя к минимуму расхождения между браузерами. Вопрос с тегом jQuery должен быть связан с jQuery, поэтому jQuery должен использоваться в рассматриваемом коде, и в вопросе должны быть как минимум элементы, связанные с использованием jQuery.