Objects that are "unhidden" after checking a box don't go away when a different box is checked

So here's the code I'm using to make it so any checkbox of a certain class can only have one option selected among the others with the same class.

$(function() {
$(".single-checkbox1").on("click", function() {
    $(".single-checkbox1").not(this).prop("checked", false);
});
});

Except, some of these checkboxes show objects when checked, like a text box or text area. The issue is that, unless you manually uncheck the box that shows the object before checking a different box, the object doesn't go away.

For example, if I checked box 1 to reveal textbox 1, then checked box 2 (the page then unchecks box 1 as only one box is allowed to be checked,) the textbox 1 will not disappear.

However, if I manually uncheck box 1 before checking box 2, textbox 1 WILL disappear. Has anyone encountered this error before?