Jquery Div在站点上的顺序和外观

我对我部门的订单有问题，而且按钮不正常。我所需要的只是向用户显示一个包含大量内容的div，然后单击位于长文本下的begintest按钮，内容就会消失，test 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)
            });

这是完整的代码

---

您可以在页面加载时使用jquery隐藏测试部分，然后在单击启动测试的按钮后使用jquery隐藏大量内容并显示测试div

我已经做了一个基本的模型来展示我的意思

它所使用的只是jquery的一小块，以获得所需的效果

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

---

请把小提琴拉短。里面有太多的文字。请你写一个清楚的问题好吗。我已经把你的整个问题读了好几遍，但我不清楚你想知道什么。这太完美了。从现在起，你就是我的新上帝