Javascript 如何将函数添加到特定的切换程序jQuery以显示附加的div？

首先，我很抱歉，我对Javascript知之甚少，对jQuery知之甚少

我已经能够使用另一篇文章中的jQuery解决方案来显示/隐藏特定的div。我希望做的是在这个函数上添加一个附加的div

根据选择的单选按钮，将显示“个人”或“联合”会员金额。如果选择了“关节”单选按钮，我还想显示另一个div“关节信息”。由于页面的布局，相关信息的两位位于单独的div中，由函数中未包含的内容分隔。（我在第三方软件中工作，我只能传递一个“其他”数量，所以这似乎是一个解决方案。）

我使用了这个解决方案：

$(function() {
    $("[name=toggler]").click(function(){
            $('.toHide').hide();
            $("#blk-"+$(this).val()).show();
    });
 });

JSFIDLE在这里：

我真的很感谢你能用清晰易懂的语言帮助我。我不是一名程序员，也不在电视上玩，但我确实能为我的非营利组织尽我最大的努力，我喜欢这里的知识深度。谢谢

变化

 <div id="JointInfo" class="toHide" style="display:none">   

---

演示

由于OP不擅长JS，因此可能需要一些解释。根据张贴的内容，我怀疑OP知道什么是三元运算符。谢谢！我花了四天的时间在这上面，而你只用了不到4分钟就回答了。你太棒了。谢谢你的关心，杰夫。我可以阅读代码并解析出发生的事情的逻辑，但在这一点上我完全没有能力编写自己的代码。aram90的回答让我得以实施修复，即使我真的需要了解我在这里做什么。stackoverflow太棒了，谢谢！这个版本对我来说更有意义，虽然我不介意更改类，但是看到使用我使用的分类法的解决方案是很有帮助的。没问题，我想给出一个与您所拥有的内容相关的答案，而不是更改HTML的结构。所有的工具都已经存在，所以使用它们是有意义的。

 <div id="JointInfo" class="joint-info" style="display:none">   

    $('.joint-info').css("display", $(this).val() == "Joint" ? "" : "none");

$(function() {
    $("[name=toggler]").click(function(){
            $('.toHide').hide();
            $("#blk-"+$(this).val()).show();
        if($("#joint").is(":checked"))
        {
            $("#JointInfo").show();
        } else {
            $("#JointInfo").hide();
        }
    });
 });