我有两个单选按钮，当我点击选项A时，一个特定的div必须显示，当点击选项B时，第一个div应该隐藏，第二个div应该显示。下面是代码。

<div class="form-group">
                    <input  type="radio" name="test-radio" id="test-radio-Option-A" value="true" data-bind="click: test">
                    <label for="test-radio-Option-A">Text Message</label>
                </div>
                <div class="form-group">
                    <input  type="radio" name="test-radio" id="test-radio-Option-B" value="false">
                    <label for="test-radio-Option-B">Text Message</label>
                </div>
<div style="display: none" data-bind="visible: showDiv">
                test Div
            </div>

以下是我尝试的脚本：（咖啡脚本）

@showPhone = ko.observable false

test: =>
    @showPhone true

如果我单击第一个单选按钮，我就可以看到div，但我不知道这是否是正确的方法，有人能指导我完成这个过程吗？

• 谢谢-谢谢