Bootstrap单选按钮仅在第二次点击

Question

我有一个在用户点击单选按钮时激活的功能。由于将单选按钮更改为bootstrap＆＃34;按钮＆＃34;该功能仅在第二次点击后激活。代码只是寻找单选按钮的值，所以我不明白导致这种情况发生的原因：

$(document).ready(function(){
  $("#joint-application").css("display","none");
  $(".single_joint").click(function(){
    if ($('input[name=fp_single_joint]:checked').val() == "Joint" ) {
      $("#joint-application").slideDown("fast"); //Slide Down Effect
    } else {
    $("#joint-application").slideUp("fast");  //Slide Up Effect
    }
  });
});

我也试过寻找＆＃34; .active＆＃34; class，但这给出了相同的结果。

这里可以看到一个例子（点击单/联合申请）： http://smartmoneyonline.co.uk/family-protection2#link-form

我刚刚掌握JS / jQuery，所以如果你回复，请记住这一点。