Есть несколько блоков такой структуры, но с разным контентом
<div class="filter-section allow-multiple-expanded expanded">
<header>
<span class="text">Наличие:</span>
<button type="button" class="btn-expand"></button>
</header>
<div class="expand-content">
<label class="checkbox-styled">
<input type="checkbox" value="Y" name="arrFilter_3041_2254365807" id="arrFilter_3041_2254365807" onclick="smartFilter.click(this)"/>
<span class="checkbox-content">
<i class="flaticon-check14"></i>
В наличии
</span>
</label>
</div>
</div>
Скажите пожалуйста как изменить скрипт, чтобы при нажатии на .btn-expand закрывался/открывался .expand-content именно того блока на который было нажато? (в данном случае это происходит со всеми блоками такого класса)
$('.btn-expand').live('click', function(event) {
$('.expand-content').toggle('show');
});
Структура не ясна, от этого, подняться к родительскому элементу header
и найти следующий элемент с классом:
$('.btn-expand').live('click', function(event) {
$(this).closest('header').next('.expand-content').toggle('show');
});
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Необходимо заменить в html-странице все теги <iframe> на соответствующие теги <video>Пытаюсь сделать это с помощью AngleSharp