Div在网站上的顺序和外观

Question

我的div订单有问题，按钮没有正常工作。我只需要向用户显示一个 div，包含大量内容，然后在点击长文本下面的开始测试按钮后，内容消失，测试div < / strong>出现。

我知道js的这一部分忽略了我的大内容div ，我也意识到有一种简单的方法可以对其进行排序。我是初学者，请告诉我如何妥善处理这类问题。我非常感激：）

        init: function(){
        $('.btnNext').click(function(){
            if ($('input[type=radio]:checked:visible').length == 0) {
              //*!!!!!!*//          
                return false;
            }
            $(this).parents('.rama_nastepne_pytanie').fadeOut(500, function(){
                $(this).next().fadeIn(500);
            });
            var el = $('#progress');
            el.width(el.width() + 86 + 'px');
        });
        $('.btnPrev').click(function(){
            $(this).parents('.rama_nastepne_pytanie').fadeOut(500, function(){
                $(this).prev().fadeIn(500)
            });

这里是完整的代码 jsfiddle

Answer 1

您可以使用jquery在页面加载时隐藏测试部分，然后使用jquery隐藏＆＃34;大量内容＆＃34;并显示＆＃34;测试div＆＃34;一旦点击了开始测试的按钮。

我在JSFIDDLE做了一个基本的模拟，以表明我的意思。

它所使用的只是一小块jquery来获得理想的效果。

$(document).ready(function(){
    $("#test").hide();
    $("#btn").click(function(){
        $("#large-content").hide();
        $("#test").show();
        $("#btn").hide();
    });
});