JSFiddle - React, Tailwind, and code Playground

HTML

<span>Section 1</span>
<div class="showHideDiv">SHOW/HIDE THIS DIV</div>
<div class="custom-input">
  <div class="checkbox">
      <input class="" id="" name="" type="checkbox">
      <label class="" for="">E-mail</label>
      <input class="" id="" name="" type="checkbox">
      <label class="" for="">Print</label>
    </div>
</div>

CSS

.showHideDiv {
    display:none;
}

JavaScript

$('.custom-input').live('change', 'checkbox', function() {
    var target = $(this).prev('.showHideDiv');
    if ($(this).find('input:checked').length == 0) {
        target.hide();
    } else {
        target.show();
    }
});