表单调查滑块，需要jquery代码才能正常工作

Question

我试图进行一项调查，当有人点击一个单选按钮时，下一个问题会向上滑动，并且按钮prev和next应该显示，除非该人点击了单选按钮这是我到目前为止所做的事情{ {3}}

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

但我对jquery很新。而且我遇到了困难

帮助将不胜感激 谢谢

Answer 1

以下是jsFiddle的解决方案。

如果稍微更改标记，可以使用这个简单的代码。它将当前问题编号存储在名为positionQuestions的变量中。它还会检查fadeIn是否还有更多问题，或者是否已达到最终结果。

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();   
    }
});