jquery - JQuery 手风琴单选按钮

Question

我有两个单选按钮，我希望根据用户选择的选项在它们下方显示一些内容。这是我的代码：小提琴

问题：
我似乎无法瞄准正确的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（或不是）的错误，并且未选择/选中单选按钮。