如何在Javascript中获取和隐藏同级 家 关于 接触 家 关于 联系

#all中的div最初将隐藏

如果用户单击“关于链接”并同时隐藏兄弟姐妹，我将如何显示#关于div的内容

我将基本上使用相同的功能对同一事件的其他链接

即使是一个伪代码也可能有帮助，我无法理解它

请不要使用jQuery，但香草Javascript

解决方案：

<ul>
    <li><a>home</li>
    <li><a onclick="erm()">about</li>
    <li><a>contact</li>
</ul>

<div id="all">
    <div id="home">Home</div>
    <div id="about">About</div>
    <div id="contact">Contact</div>
</div>

函数hidealchildrenbutone（parentId，toRevealId）{
var children=document.getElementById（parentId）.children；
对于（var i=0；iA溶液：

<ul>
    <li><a>home</li>
    <li><a onclick="erm()">about</li>
    <li><a>contact</li>
</ul>

<div id="all">
    <div id="home">Home</div>
    <div id="about">About</div>
    <div id="contact">Contact</div>
</div>

函数hidealchildrenbutone（parentId，toRevealId）{
var children=document.getElementById（parentId）.children；
对于（var i=0；i+1，但很好奇为什么您使用
.childNodes
而不是
.children
@CrazyTrain），这是一个错误（在看到您的评论之前我已修复）太棒了，太简单/漂亮了；谢谢！我会晚一点接受，因为现在还太早+1，但我很好奇为什么你用
.childNodes
而不是
。children
@CrazyTrain这是一个错误（我在看到你的评论之前修复了）。太棒了，太简单/漂亮了；谢谢！我会晚一点接受，因为现在太早了