Javascript 如何使jQuery文本消失？

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

然后，他希望我们这样做，当你点击标题时，段落再次消失。我就是想不出怎么做第二部分，让它消失

这就是“Show Article”代码的样子

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

---

有人能帮我吗？我觉得很简单，我就是不擅长这个。如果您能告诉我在我的代码中放在哪里，我也会非常感激。

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

function  toggleArticle(id){
($('#'+id).is(':visible') ? $('#'+id).hide() : $('#'+id).show() )}

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;
   }
 }

---

只需使用jQuery的切换

$('#'+headerId).on('click', function(){
    $('#'+id).toggle();
});

---

您可以将

display

设置为

“none”

以使其消失。jQuery有一个名为

toggle

的方法来实现此目的：

$（'#'+id）.toggle（）谢谢。你不知道这有多大帮助。