Javascript 如果多个条件应用于隐藏的div，如何显示它？

我目前正在做的程序遇到了一些问题。在问了我的最后一个问题之后，我几乎完成了整个事情，直到现在。我试图做的是，不必创建多个div来让我的代码工作（这样可以工作，但我宁愿减少代码量），而只是使用一个div来显示我希望它显示的内容。例如，这里是jfiddle作为我尝试做的一个例子

这是我正在使用的HTML的一个例子

<input name="search_fields" type="radio" onclick="showtest(0)" /> Test

<div id="test0">
Test 0<p></p>
<input name="search_fields" type="radio" onclick="showtest(1)" />Test 1
<input name="search_fields" type="radio" onclick="showtest(2)" />Test 2
<input name="search_fields" type="radio" onclick="showtest(3)" />Test 3
<p></p>
</div>

<div id="test1">
Test 1<p></p>
<input name="search_fields" type="radio" onclick="showtest(4)" />One
<input name="search_fields" type="radio" onclick="showtest(4)" />Two
<p></p>
</div>

<div id="test2">
Test 2<p></p>
<input name="search_fields" type="radio" onclick="showtest(4)" />One
<input name="search_fields" type="radio" onclick="showtest(4)" />Two
<p></p>
</div>

<div id="test3">
Test 3<p></p>
<input name="search_fields" type="radio" onclick="showtest(4)" />One
<input name="search_fields" type="radio" onclick="showtest(4)" />Two
<p></p>
</div>

<div id="test4">
    Test
</div>

---

当您运行jfiddle时，第一个单选按钮是如何运行的，并显示最终的test div，如果这有意义的话，我希望它们都是这样。最好将数据放入一个数组，然后在js中调用该数组，这样它也能显示出我想要的结果，还是比这简单得多？

我非常感激并接受了答案，因为我的代码中有多个部分都是这样。唯一的问题是，例如，它不允许我在onclick=“showtest（4）”时显示id“test”3，但同时隐藏test1和2Khawer意味着您应该通过stackoverflow接受答案。这就是我们奖励好答案的方式。与在代码中输入答案无关：）而且JFiddle的链接只会将您带到主页。。。

function showtest(test){
    $('[id^="test"]').hide();
    if(test >= 0){
        $('#test0').show();     
    }
    if(test === 4){
        $('#test1').show();
        $('#test2').hide();
        $('#test3').hide();
    }
    $('#test' + test).show('slow');
}