Javascript 如何在加减按钮单击时显示/隐藏表格

//JQuery脚本一
$（文档）.ready（函数（）{
$（'.table1'）。在（'click'，function（）上{
$（'.table1shw'）.show（）；
});
});
//我也尝试了第二种方法，但无法显示。
document.getElementById（'sp1'）。addEventListener（“单击”，函数（）{
可显示（'t1'）；
});
功能显示表（表）{
变量表=['t1']；
对于（变量i=0；i<4；i++）{
document.getElementById（表[i]）.style.display=“无”；
}
document.getElementById（表）.style.display=“block”；
}

。表隐藏{
显示：无；
}

主标题
分标题1
分标题2
子标题
一排
第2排

您没有在正确的元素上调用

.show（）

我已经更新了你的代码-

$（文档）.ready（函数（）{
$（“#t1”）.hide（）；//默认情况下隐藏表
$（'#sp1'）。在（'单击'，函数（）上）{
$（“#t1”）.show（）；
});
$（'#close'）。在（'单击'，函数（）上）{
$（“#t1”）.hide（）；
});
});

主标题
分标题1
分标题2
子标题
一排
第2排
请整理您的html代码。