jquery - 正しく動作するためにjqueryコードが必要なフォーム調査スライダー

Question

誰かがラジオボタンをクリックすると次の質問がスライドアップし、その人がラジオボタンをクリックしない限り、ボタンの前と次が表示される調査を作成しようとしています。

    $("#box input").click(function(){
      $(this).find("div").hide();
    });

しかし、私はjqueryに非常に慣れていません。そして私は困難を抱えています

助けていただければ幸いです。

Answer 1

これがjsFiddleの解決策です。

マークアップを少し変更すると、この単純なコードを使用できます。現在の質問番号を という変数に格納しますpositionQuestions。また、フェードインする質問が他にあるかどうか、または最後に到達したかどうかも確認します。

var positionQuestion = 1;
var maxQuestions = $('.question').length;

$('button#next').click(function(){
    if (positionQuestion < maxQuestions)
    {
        positionQuestion++;
        $('.question').fadeOut();
        $('#q' + positionQuestion).fadeIn();
    }
});

$('button#prev').click(function(){
    if (positionQuestion > 1)
    {
        positionQuestion--;
        $('.question').fadeOut();
        $('#q' + positionQuestion).fadeIn();   
    }
});