Html 如何使用显示内容的相同按钮隐藏内容？

我目前正在使用

<a href="#" onclick="document.getElementById('history').style.display='block';return(false);">

单击某个按钮时显示标有“历史记录”的内容。如何设置它，使同一个按钮隐藏内容？我尝试再次添加相同的代码，并将“get”替换为“hide”和“return（false）”以返回（true），因为这对我来说似乎是合乎逻辑的，但当我单击按钮时，现在什么都没有发生（也许我还不明白）

---

使用相同的按钮显示和隐藏内容的最简单方法是什么？

我建议使用JQuery。这些东西用起来很容易。在JQuery中，它很简单，如下所示

$("#history").toggle();

如果不能使用jQuery（如前所述），可以使用纯JavaScript执行以下操作：

 var element = document.getElementById("someElement");
 if(element.style.display == "none") element.style.display = "block";
 else element.style.display = "none";

---

将其放入函数中，并将该函数传递给元素的

onclick

属性。

我不确定JQuery是否正确，因为这是针对移动网站的；你知道它是否兼容吗？看看这个，了解JQuery移动浏览器的兼容性。。。还有一个移动版的JQuery，您应该看看^^@Tocco-有时候（在我看来，无论如何，特别是在jQuery没有在其他地方使用的情况下），简单的纯JS解决方案比jQuery好只是因为速度。例如，查看切换函数的jQuery源代码，与我的答案中的3行代码进行比较：