JS控制多个div显示与隐藏的问题。

function showhidediv(id){
var age=document.getElementById("msg_2");
var name=document.getElementById("msg_1");
if (id == 'name') {
if (name.style.display=='none') {
age.style.display='none';
name.style.display='block';
}
} else {
if (age.style.display=='none') {
name.style.display='none';
age.style.display='block';
}
}
}

<input name="d2" type="radio" value="1" onClick='showhidediv("name")' />
<input name="d2" type="radio" value="2" onClick='showhidediv("age")' />

<div id="msg_1">1</div>

<div id="msg_2" style="display:none;">2</div>

以上的情况测试没问题，当出现多个div就不行了，如下：

<div id="msg_1">111111</div>
<div id="msg_2" style="display:none;">222222</div>

<div id="msg_1">333333</div>
<div id="msg_2" style="display:none;">444444</div>

<div id="msg_1">555555</div>
<div id="msg_2" style="display:none;">666666</div>

请高手们帮忙看看，只有第一组管用，下面几个都不用呢
请帮忙改改js控制部分

你id都重复了当然不好用，
我看的意思是下半部分成三个部分，如果是这个意思的话，那就把他们用三个div分别包起来。如下：
<div id="msg_1">
<div>111111</div>
<div style="display:none;">222222</div>
</div>
<div id="msg_2">
<div>333333</div>
<div style="display:none;">444444</div>
</div>
<div id="msg_3">
<div>555555</div>
<div style="display:none;">666666</div>
</div>追问

师兄谢谢你了，您的指点有独到的地方，给我很大的帮助，在这里感谢您的帮助，谢谢你了。

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/2s8ssf7ps.html