如何使此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;
   }
 }

Answer 2

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

Answer 3

只需使用 jQuery 的切换即可。

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