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

Question

我正在尝试进行一项调查，当有人单击单选按钮时，下一个问题会向上滑动，并且除非该人单击单选按钮，否则按钮 prev 和 next 应该显示，这就是我到目前为止所做的HERE

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