動的フォームの作成

Question

2つの（はい/いいえ）オプションを持つフォームを作成する必要があります。ユーザーがそのオプションの1つをクリックすると、その特定の選択に関するより詳細な折りたたみサブフォームを取得する必要があります。彼が他のオプションを選択した場合、関連する情報を持つ別の折りたたみサブフォームを取得する必要があります。私は、JavaScriptやJquery（折りたたみ効果を得るために）を使用しなければならないことを知っていますが、私は両方に新しいです。簡単なチュートリアルや初心者のための情報は大歓迎です。

PS：この要件について多くの質問がありましたが、実際には初心者であることを理解するのは難しいです。

おかげで、

Answer 1

基本的に、あなたは）div要素に二つの異なるサブフォームをラップしてから（jQueryの.SHOWを使用する必要があるとしていると右のラジオボタンそれらを表示し、非表示に.hide（）関数をクリックします。 http://papermashup.com/simple-jquery-showhide-div/

EDIT：ここ

は、表示と非表示に有用なチュートリアルであるユーザーのためのより具体的な答え..

$(document).ready(function(){ 
    $("#check-box").click(function(){ 
    if($(this).is(':checked')) { 
     $('#div1').show(); 
    } else { 
     $('#div1').hide(); 
    } 
    }); 

}）。

Answer 2

フォーム全体をレンダリングし、それぞれが異なるIDを持つすべてのサブフォームを非表示にする必要があります。押されたボタン/選択に応じて、あなたはこのようなコードに対応するdivに$.show()を呼び出す：

$("#choice1_subform").click(function(){ 
    $("#div1").show(); 
});