切换到div'；使用纯Javascript使用锚定标记

#秒{
显示：无；
}

第一组
第二

功能更改（）{
let first=document.getElementById（'first'）；
设second=document.getElementById（'second'）；
如果（first.style.display==“无”）{
first.style.display=“block”；
second.style.display=“无”；
}否则{
second.style.display=“block”；
first.style.display=“无”；
}
}

#秒{
显示：无；
}

第一组
第二

假设您有一些index.js或其他内容：

const divToggle = document.querySelectorAll(".div-toggle");

divToggle.forEach((element) => {
  let target = element.dataset.target;
  let targetElement = document.querySelector(`#${target}`);
  element.onclick = () => {
    if (targetElement) {
      targetElement.classList.add("visible");
      element.parentElement.classList.remove("visible");
    }
  };
});

在css中，您将有如下内容：

.div-collapsible {
  display: none;
}

.div-collapsible.visible {
  display: block;
}

最后，html：

<div id="first-div" class="div-collapsible visible">
   <h1>First Div</h1>
   <a class="div-toggle" href="#second" data-target="second-div">Go to Div2</a>
</div>
<div id="second-div" class="div-collapsible">
   <h1>Second</h1>
   <a class="div-toggle" href="#first" data-target="first-div">Go to Div1</a>
</div>

第一组
第二

---

最初，将显示类

可见的div

。所有其他可折叠div都将隐藏。

使用提供的javascript，并将onClick属性添加到链接中

#秒{
显示：无；
}

第一组
第二

函数myFunc（）{
var first=document.getElementById（“first”），
second=document.getElementById（“second”）；
如果（first.style.display==“无”）{
first.style.display=“block”；
second.style.display=“无”；
}否则{
first.style.display=“无”；
second.style.display=“block”；
}
}

尝试使用onClick事件添加和删除类，然后使用CSS@Hive7好的，我会的try@MandapatiGanesh，希望这对你有帮助