决策树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(); 

没有条件，这些句子就会在每次点击时执行，并且您在无限循环中输入。