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