javascript - onclick 关闭其他 onclicks

Question

我的页面有多个div元素，有显示切换功能。

 onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'" onclick="if(document.getElementById('spoiler2') .style.display=='none') {document.getElementById('spoiler2') .style.display=''}else{document.getElementById('spoiler2') .style.display='none'}"

我正在寻找一种在打开新​​元素时关闭彼此打开的元素的方法，以便只有一个可以保持打开状态。

谢谢

Answer 1

如果不看你的 html 很难理解，但你可以尝试这样的事情:

$(document).ready(function() {

$("#light").on("click", function() {
  $("#spoiler2").hide();
   $(this).show();
  });

});