Javascript 根据用户的不同，所有问题都必须清晰可见；s路径

我有一个报价表，非常广泛。。。我现在需要做的就是添加一些代码，让问题保持可见，而不是在做出选择后隐藏它

i、 e 用户将位于业务路径（所有表1、11、12、13、14、15、16）、居民路径（所有表2、21、22、23、24、25、26）或I have a list path（所有表3）中

这是我的小提琴

代码片段：

<script type="text/javascript">
function show_table(id){
  document.getElementById('table1').style.display='none';
  document.getElementById('table11').style.display='none';
  document.getElementById('table12').style.display='none';
  document.getElementById('table13').style.display='none';
  document.getElementById('table14').style.display='none';
  document.getElementById('table15').style.display='none';
  document.getElementById('table16').style.display='none';
  document.getElementById('table2').style.display='none';
  document.getElementById('table21').style.display='none';
  document.getElementById('table22').style.display='none';
  document.getElementById('table23').style.display='none';
  document.getElementById('table24').style.display='none';
  document.getElementById('table25').style.display='none';
  document.getElementById('table26').style.display='none';
  document.getElementById('table3').style.display='none';
  document.getElementById('table'+id).style.display='block';
}
</script>

功能显示表（id）{
document.getElementById（'table1'）.style.display='none'；
document.getElementById（'table11'）.style.display='none'；
document.getElementById（'table12'）.style.display='none'；
document.getElementById（'table13'）.style.display='none'；
document.getElementById（'table14'）.style.display='none'；
document.getElementById（'table15'）.style.display='none'；
document.getElementById（'table16'）.style.display='none'；
document.getElementById（'table2'）.style.display='none'；
document.getElementById（'table21'）.style.display='none'；
document.getElementById（'table22'）.style.display='none'；
document.getElementById（'table23'）.style.display='none'；
document.getElementById（'table24'）.style.display='none'；
document.getElementById（'table25'）.style.display='none'；
document.getElementById（'table26'）.style.display='none'；
document.getElementById（'table3'）.style.display='none'；
document.getElementById（'table'+id）.style.display='block'；
}

我想你想要这样的东西：

HTML:

JavaScript（带jQuery）

---

请原谅我介绍jQuery，但它至少应该说明如何解决这个问题。

对不起，你在问什么？好吧，一个问题带你进入下一个问题。我现在需要做的就是添加一些代码，让问题保持可见，而不是在做出选择后隐藏。有人有什么想法吗？我在这里猜测，但是你想一个接一个地显示问题吗？但是你不想用下一个问题替换已回答的问题，而是想保留已回答的问题并在其下方显示一个新的问题吗？在这种情况下，不要再隐藏它们。就是这样！但是我如何使用现有的代码做到这一点呢？谢谢约瑟夫，这是真的y看起来棒极了！我正在运行最新版本的jQuery，我的网站已经启动。只是想知道加载jQuery 1.11.0是否会有任何问题？这是一个指向我的网站的链接，我正在迁移到WordPress。看，这有点太过分了。如果你想要的话，我来帮助你学习。你已经有三个q了关于同样的事情。如果你想有人为你工作，就请人。坦率地说，我的感觉是，如果你不愿意了解这一点，你可能不应该建立一个网站。好吧，那很好。我显然比你想象的更了解建立网站。如果你不喜欢我的问题，不要回答…我会的我在这个问题上花了很长时间，想确保它完成。事实上，你需要一些帮助来改进你的网站。谢谢。如果我被认为粗鲁无礼，我很抱歉，这不是我的本意。祝你的项目好运。

<div class="level-1">
    <p>Are you dead or alive?</p>
    <ul>
        <li><a href="#dead" data-level="2">Dead</a></li>
        <li><a href="#alive" data-level="2">Alive</a></li>
        <li><a href="#schrodingers_cat" data-level="2">Both</a></li>
    </ul>
    <div id="dead" class="hidden level-2">
        <p>Do you have physical form?</p>
        <ul>
            <li><a href="#corpse" data-level="3">Yes</a></li>
            <li><a href="#ghost" data-level="3">No</a></li>
        </ul>
        <div id="corpse" class="hidden level-3">
            <p>You are a corpse</p>
        </div>
        <div id="ghost" class="hidden level-3">
            <p>You are a ghost</p>
        </div>
    </div>
    <div id="alive" class="hidden level-2">
        <p>Do you have 9 lives?</p>
        <ul>
            <li><a href="#regular_cat" data-level="3">Yes</a></li>
            <li><a href="#maybe_human" data-level="3">No</a></li>
        </ul>
        <div id="regular_cat" class="hidden level-3">
            <p>You are a cat</p>
        </div>
        <div id="maybe_human" class="hidden level-3">
            <p>You might be human</p>
        </div>
    </div>
    <div id="schrodingers_cat" class="hidden level-2">
        <p>You are a cat and you belong to Schrödinger</p>
    </div>
</div>

.hidden {
    display: none;
}

$("a").on("click", function () {
    var id = $(this).attr("href");
    var level = $(this).data("level");
    $(".level-" + level).addClass("hidden");
    $(id).removeClass("hidden");
});