How do I make this jQuery text disappear?

Question

So I\'m a student and just very lost in my coding class. My teacher gave us this code to make it so when I click on a header, it expands into a paragraph.

He then wants

Answer 1

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

Answer 2

Just use jQuery's toggle.

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

Answer 3

If you are using js and not 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;
   }
 }