Javascript 在显示其他元素时，如何隐藏某些元素？

我正在完成我的网站，我有一个脚本，当按下按钮时隐藏或显示一个div

以下是代码：

function display(id) {
    var e = document.getElementById(id);
    if (e.style.display === "none") {
        e.style.display = "block";
    } else {
        e.style.display = "none";
    }
} 

但这段代码并不是我真正想要的，因为我只希望同时显示一个div（例如：如果div4处于活动状态，用户需要查看div2，则必须隐藏第一个div）。我只是用JS来做一些快速的事情，所以我不知道怎么做

也可能隐藏一个特定的div，这取决于用户来自页面上的哪个链接

我的html示例：

<a onclick="display('1_1_1')">button</a>

<div id="1_1_1" class="well" style="display: none;"> 
    <h1>Title</h1>
</div>

按钮
标题

---

谢谢你的帮助

最好添加一个包含

display:none

like的类

.no-display {
  display: none;
}

parentDiv.addEventListener("click", function() {
  const elem = getElemenyById("elemID");
  if(something) {
    elem.classList.add("no-display");
  else if(something) {
    elem.classList.remove("no-display");
  };
});

然后，只要在单击

div

like时添加或删除该类即可

.no-display {
  display: none;
}

parentDiv.addEventListener("click", function() {
  const elem = getElemenyById("elemID");
  if(something) {
    elem.classList.add("no-display");
  else if(something) {
    elem.classList.remove("no-display");
  };
});

---

您可以使用

display

属性创建一个类，并可以使用Jquery添加它

CSS:

.display_none_class {
    display: none;
}

<script>
$( "#element_ID" ).addClass( "display_none_class" );
</script>

Jquery:

.display_none_class {
    display: none;
}

<script>
$( "#element_ID" ).addClass( "display_none_class" );
</script>

您可以通过

切换
类来实现这一点：

$("#button_ID").click(function(){
    $("#element1_id").toggleClass("display_none_class");
    $("#element2_id").toggleClass("display_none_class");
});

首先，将该类添加到要首先隐藏的元素中。然后单击按钮，它将切换类，并使一个元素可见，另一个元素隐藏。
首先添加此
请分享您的HTM。有许多解决方案。所以你应该添加你的html代码来帮助别人帮助你。我可以分享我的html，但它只是相同类型的div，请看我的postA类是一组类似的东西。您应该在标记中使用类，并用脚本将它们作为目标，而不是处理单个元素ID。看看几乎所有的手风琴脚本都是如何工作的。好吧，我得到了类的概念，但如何将其应用到我的示例中？@RajatJain使用jQuery绝对没有任何好处。存在于JavaScript中。另外，在您的示例中，您没有添加正确的类。@GuillaumeGeorgesIt没有好处。Jquery易于实现并节省时间。好的，谢谢，我已经了解了它的工作原理。但在一些页面上，我有20个不同的div，如果我理解得很好，我必须为每个div写这个？（我确信有一个更快的方法，但我没有JS/JQ中所需的知识对不起）对于一个div是的，但我想做一些更一般的事情（这不起作用，但它的想法是）：
function toggle（id）{$（id）。click（function（）{$（id）。toggleClass（“display_none_class”）；）;             };然后在显示另一个时不切换