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

Question

我目前正在使用

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

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

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

Answer 1

我建议使用JQuery。这样的事情很容易使用它。在JQuery中，它很简单，如下所示。

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

Answer 2

如果您不能使用jQuery（已经注意到），您可以使用纯JavaScript执行以下操作：

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

将其放在函数中，并将该函数传递给元素的onclick属性。