У меня есть шесть дивов и на них есть чекбоксы. Как сделать, чтобы эти дивы скрывались когда на всех стоят галочки, а появился один большой новый?
<div>
<div class="checkbox-block-info" style="display: none">
Выполнено
</div>
<div class="checkbox-block">
<div>
<input type="checkbox" class="checkbox-row">
</div>
<div>
<input type="checkbox" class="checkbox-row">
</div>
</div>
</div>
<hr>
<div>
<div class="checkbox-block-info" style="display: none">
Выполнено
</div>
<div class="checkbox-block">
<div>
<input type="checkbox" class="checkbox-row">
</div>
<div>
<input type="checkbox" class="checkbox-row">
</div>
</div>
</div>
<script>
$('.checkbox-row').on('change', function(){
var block = $(this).parents('.checkbox-block');
if (block.find('.checkbox-row').length == block.find('.checkbox-row:checked').length) {
block.siblings('.checkbox-block-info').show();
block.hide();
}
});
</script>
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости