Div 在网站上的顺序和外观

Question

我的div顺序有问题，按钮无法正常工作。我只需要向用户显示一个包含大量内容的div，单击位于长文本下的开始测试按钮后，内容就会消失，测试div就会出现。

我知道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隐藏"大量内容"并显示"测试div"。

我在JSFIDDLE上做了一个基本的模型来展示我的意思。

它所使用的只是jquery的那个小块来获得所需的效果。

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