JSFiddle - React, Tailwind, and code Playground

HTML

<div class="check-hide-show">
<label class="checkbox inline">
<input type="checkbox" value="option1"> Yes
</label>
<label class="checkbox inline">
<input type="checkbox" value="option2"> No
</label>
</div>
 <hr />
                            
<div class="check-hide-show-content option1"><!-- yes -->
div1 - YES
</div><!-- #yes -->

<div class="check-hide-show-content option2"><!-- no -->
div2 - NO
</div><!-- #no -->

JavaScript

$('.check-hide-show-content').hide(); // hide all content divs

// begin show/hide
$('.check-hide-show input:checkbox').click(function () {
   $('.check-hide-show-content').hide(); // hide all content divs
    $('.' + $(this).val()).show();
    $(".check-hide-show input[type='checkbox']").not(this).prop("checked", false); // uncheck the other checkbox when this is checked
});