Подскажите, как при выбранном checkbox, скрывать/показывать ссылки в .price-problem
, с привязкой?
Выбрано может быть несколько чекбоксов, соответственно нужно показывать все выбранные и скрывать все невыбранные. Привязка идет в data. Типы и проблемы тоже должны быть связаны.
К примеру, выбираем "Не стирает, мигает" - скрываются в .price-problem
"Течет", остальные показываются.
<div class="remont">
<div class="problem">
<input data-type="Стиральная машина" data-problem="Не стирает" type="checkbox" value="Не стирает">
<input data-type="Стиральная машина" data-problem="Мигает" type="checkbox" value="Мигает">
<input data-type="Стиральная машина" data-problem="Течет" type="checkbox" value="Течет">
</div>
<div class="price-problem">
<a data-type="Стиральная машина" data-problem="Не стирает" href="#" class="price__item">100р</a>
<a data-type="Стиральная машина" data-problem="Мигает" href="#" class="price__item">100р</a>
<a data-type="Стиральная машина" data-problem="Течет" href="#" class="price__item">100р</a>
</div>
</div>
Всем огромное спасибо! Все варианты рабочие.