決策樹jQuery

Question

所以，我試圖做一個jQuery決策樹，但我不知道如何製作腳本，以便當我選擇第二個問題時，它將轉到另一個沒有太多if語句的樹。

下面是代碼：

http://jsfiddle.net/iceman2hot4u/VGQ7n/1/

而且我不明白爲什麼

if($("#tbl1_1_1").is("visible")) 
     { 
      jQuery("#tbl1_1_1").hide(); 
      jQuery("#tbl1_1_1_a").show(); 
     } 

不工作。我的意思是爲什麼與id「tbl1_1_1」的表不隱藏和「tbl1_1_1_a」不顯示。

Answer 1

你過了一個做同樣的循環，沒有什麼變化試試這個：現在

jQuery("#tbl1_1").hide(); 
jQuery("#tbl1_1_1").hide(); 
jQuery("#tbl1_1_1_a").hide(); 
jQuery("#tbl2_1").hide(); 

jQuery(this).click(function() 
    { 
     if($("#tbl1_1_1").is(":visible")) 
     { 
      jQuery("#tbl1_1_1").hide(); 
      jQuery("#tbl1_1_1_a").show(); 
     } 
     if($("#tbl1_1").is(":visible")) 
     { 
      jQuery("#tbl1_1").hide(); 
      jQuery("#tbl1_1_1").show(); 
     } 
     if($("#tbl1").is(":visible")) 
     { 
      jQuery("#tbl1").hide(); 
      jQuery("#tbl1_1").show(); 
     } 
     console.log("Ajunge aici."); 
    }); 

此線的條件下，而不是總是執行。

jQuery("#tbl1").hide(); 
    jQuery("#tbl1_1").show(); 

沒有條件，這些句子就會在每次點擊時執行，並且您在無限循環中輸入。