JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" name="foo" value="1" id="foo" />

<div class="dis-sub" style="display: none;" id="checked-a">
    ...
</div>

CSS

.dis-sub{
    background: gray;
}

JavaScript

$("#foo").click(function() {
      $('#checked-a')[$(this).prop('checked')?'slideDown':'slideUp']('slow');
}).triggerHandler('click');