决策树jQuery

Question

所以，我正在尝试创建一个jQuery决策树，但我不知道如何编写脚本，这样当我选择第二个问题时，它会转到另一个没有那么多if语句的树。 / p>

以下是代码：

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

我无法理解为什么

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

无效。我的意思是为什么带有id＆＃34; tbl1_1_1＆＃34;没有隐藏和＆＃34; tbl1_1_1_a＆＃34;没有显示。

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

如果没有这个条件，这些句子就会在每次点击时执行，然后你进入无限循环。