Question

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

然后他希望我们这样做，当你点击标题时，段落再次消失。我只是无法弄清楚如何做第二部分，使它消失。

这就是'Show Article'代码的样子。

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

如何让这个jQuery文本消失？

3 个答案: