Question

我正在整理我的网站，并且我有一个脚本，当按下按钮时，该脚本会隐藏或显示div。

这是代码：

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

但是这段代码并不是我真正想要的，因为我只希望可以同时显示一个div（例如：如果div 4处于活动状态，并且用户需要查看div 2，则它必须隐藏第一个）。我刚刚使用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>

谢谢您的帮助！

Answer 1

最好添加一个包含display: none之类的类

.no-display {
  display: none;
}

然后只需在点击div之类的

时添加或删除该类

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

Answer 2

您可以创建一个具有t = datetime.date(2017, 12, 31) t.strftime('%m/%d/%Y')属性的类，并可以使用Jquery添加它。

CSS：

'02/23/2012'

jQuery：

display

但这有时会出现对齐问题。因此，您可以将CSS用作：

.display_none_class {
    display: none;
}

您可以通过<script> $( "#element_ID" ).addClass( "display_none_class" ); </script>类来实现此目的：

.display_none_class {
    width:0;
    visibility: none;
}

首先，将此类添加到要首先隐藏的元素中。然后在单击按钮时，它将切换类，并使一个元素可见而其他元素隐藏。首先添加

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

2 个答案: