Jquery 单选按钮已删除，但窗体仍显示？

我有一个表单，我想让用户填写，它包含两个单选按钮，当每个按钮被选中时，它会为用户提供更多选项来填写-但是当我单击一个单选按钮时，选择另一个按钮，之前的表单信息（与另一个按钮关联）仍然存在-我不知道如何对其进行编码，以便在取消选择按钮时，表单字段也随之消失

下面是代码，但我也包括了一个，以便您可以看到它的行动

形式

---

提前谢谢。

这应该对你有用

$('#client').click(function () {
    $('#client').is(':checked')) {
        $('#clientBox').show();
        $('#chatterBox').hide();
    }
});
$('#chatter').click(function () {
    if ($('#chatter').is(':checked')) {
        $('#chatterBox').show();
        $('#clientBox').hide();
    }
});

//Display extra forms on radio button press
$('#client').click(function () {
    if ($('#client').is(':checked')) {
        $('#clientBox').show();
    } else {
        $('#clientBox').hide();
    }
});
$('#chatter').click(function () {
    if ($('#chatter').is(':checked')) {
        $('#chatterBox').show();
    }
});

$('#client').click(function () {
    $('#client').is(':checked')) {
        $('#clientBox').show();
        $('#chatterBox').hide();
    }
});
$('#chatter').click(function () {
    if ($('#chatter').is(':checked')) {
        $('#chatterBox').show();
        $('#clientBox').hide();
    }
});