Javascript 隐藏视线的团体。网站参考标志

我有一个参考页，但我想编辑它。我想根据工作区域将它们分开。比如技术健康等等。我正在为此做一项工作，但我通常对php感兴趣，这些东西我已经很久没有看过了。我不喜欢JS，除非迫不得已，否则尽量不要使用它。我的问题是，在一个id后面出现了其他试图隐藏它的id。但它让我无法帮助我如何打电话给我，我不知道该扫描什么

功能gizleGoster（ID）{
var secilenID=document.getElementById（ID）；
如果（secilenID.style.display==“无”）{
secilenID.style.display=“”；
}其他{
secilenID.style.display=“无”；
  }
}
函数tumu（）{
var secilenID=document.getElementById（'health'）；
secilenID.style.display=“”；
secilenID=document.getElementById（'technology'）；
secilenID.style.display=“”；
secilenID=document.getElementById（'automotive'）；
secilenID.style.display=“”；
}

健康

技术

汽车

健康

这里有一种方法可以做到这一点。您可能需要根据需要对其进行仔细检查，以使其适合您的用例。请注意，我也修改了你的HTML

函数getIndustries（）{ 返回文档.getElementById（'industries'）.getElementsByTagName（“div”）； } 函数隐藏元素（元素）{ element.style.display=“无”； } 函数showElement（元素）{ element.style.display=“”； } 函数tumu（）{ var industries=getIndustries（）； 适用于（行业中的var行业）{ 展示元素（工业）； } } 函数gizleGoster（ID）{ var industries=getIndustries（）； 适用于（行业中的var行业）{ if（industry.className==ID）{ 展示元素（工业）； } 否则{ 隐藏元素（工业）； } } }

JS-Bin






健康

技术

汽车

健康

请更简短地告诉我您的目标。当我单击“健康”按钮时，只有与健康相关的目标可能会隐藏其他目标。我点击技术，只有那些与技术相关的。点击全部在屏幕上显示全部。非常感谢。我通常都知道，但我忘了我没有很快使用它。不用担心。如果这有助于回答您的问题，请您将其标记为最佳答案。谢谢