JSFiddle - React, Tailwind, and code Playground

HTML

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

<div class="check-hide-show-content" style="display:none" name="div-div2"><!-- no -->
solutionImplementedContent2 - NO
</div><!-- #no -->

JavaScript

$('.check-hide-show input:checkbox').click(function () {
    var divName = $(this).attr("name").substring(6); // Shave "check-" off the start
    var $targetDiv = $("div[name='div-" + divName + "']");
    $("div.check-hide-show-content").hide();
    $targetDiv.show();
    $(".check-hide-show input[type='checkbox']").not(this).prop("checked", false);
});