javascript - 如何让这个 jQuery 文本消失？

Question

所以我是一名学生，只是在我的编码课上迷失了方向。我的老师给了我们这段代码，当我点击一个标题时，它会展开成一个段落。

然后他希望我们做到这一点，当您单击标题时，该段落会再次消失。我只是不知道如何做第二部分，让它消失。

这就是“显示文章”代码的样子。

function showArticle(id) {
  document.getElementById(id).style.display="block";

有人能帮帮我吗？我觉得这很简单，我只是很不擅长这个。如果您能告诉我将它放在我的代码中的什么位置，我们也将不胜感激。

Answer 1

如果你使用的是 js 而不是 jquery

var visible = false;
function showArticle(id) {
  if (visible === false) {
    document.getElementById(id).style.display="block";
    visible = true;
  }
  else {
    document.getElementById(id).style.display="none";
    visible = false;
   }
 }