ureech,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
#users-div-select {
display: none;
}
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(function() {
var checkbox = $(".user_check"),
boxCnt = checkbox.length,
allcheckbox = $("#check_all");
allcheckbox.on('change', function() {
checkbox.prop("checked", this.checked);
$('#users-div-select').toggle(this.checked);
});
checkbox.on('change', function() {
allcheckbox.prop("checked", $('.user_check:checked').length == boxCnt);
$('#users-div-select').toggle(!!$('.user_check:checked').length);
});
});
</script>
</head>
<body>
<div id="users-div-select">users-div-select</div>
<label><input id="check_all" type="checkbox" value="" />All</label>
<div>
<input type="checkbox" class="user_check" value="1" />
<input type="checkbox" class="user_check" value="1" />
<input type="checkbox" class="user_check" value="1" />
</div>
</body>
</html>