jquery - JQuery アコーディオン ラジオ ボタン

Question

2 つのラジオ ボタンがあり、ユーザーがどちらを選択したかに応じて、それらの下に何かを表示したいと考えています。これが私のコードです：フィドル

問題:
正しい 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（またはそうでない）のバグのようで、ラジオボタンが選択/チェックされていません。