JQuery手风琴单选按钮

Question

我有两个单选按钮，我希望在其下面显示一些内容，具体取决于用户选择哪一个按钮。这里是我的代码：fiddle

问题：
我似乎无法为目标的正确P所以什么也不显示时，单选按钮被选中

任何想法，为什么我的代码无法工作？由于

Answer 1

我做了一个简单的修改你的HTML代码，也为JS

<form> 
    <div class="accordion"> 
     <input type="radio" name="recog" id="recog_yes" value="0" /> 
     <label for="recog">Yes</label> 

     <input type="radio" name="recog1" id="recog_no" value="1" /> 
     <label for="recog">No</label> 

     <p> 
      show this for yes 
     </p> 

     <p> 
      show this for no 
     </p>     
    </div> 

</form> 

任何input或select控制必须融入form标签。

和JS：

$(function(){ 
    $('.accordion p').hide(); 

    $('.accordion input[type="radio"]').click(function() { 
     $('.accordion p').hide(); 

     $('.accordion input[type="radio"]').removeAttr("checked"); 

     $(this).prop("checked", true); 

     if($(this).is(":checked")){ 
      $("p").eq($(this).val()).show(); 
     } 

     return false; 
    }); 
}); 

参见jsfiddle

似乎在Firefox 15的jsfiddle（或不）中的错误和单选按钮没有被选择/检查。