Javascript 如何为行的展开/折叠编写jQuery？

这是我的html代码：

在上面的jQuery代码中，我默认打开了表，当我单击它时，它就关闭了。但我想要的是，默认情况下，表必须关闭，当我单击它时，表必须打开

如果有任何帮助，我们将不胜感激

jQuery（函数（$）{
$（“#轮询”）。在（“单击”，“翻转”，函数（）上）{
$（本）
.最近的（'tbody'）
.next（“.section”）
.切换（“快速”）；
}); 
});

第一节
第二节
第三节
第四节
项目111
项目112
项目113
项目114
项目121
项目122
项目123
项目124
项目131
项目132
项目133
项目134
第一节
第二节
第三节
第四节
项目211
项目212
项目213
项目214
项目221
项目222
项目223
项目224
项目231
项目232
项目233
项目234
第一节
第二节
第三节
第四节
项目311
项目312
项目313
项目314
项目321
项目322
项目323
项目324
项目331
项目332
项目333
项目334
试试看

这可能会有所帮助，因为它似乎是一个相当简单的指南，请让我知道

只需添加

.section {
    display: none
}

在你的CSS中。
我更新了代码。请现在检查

$('#main_table').find('.section').hide();

$('.flip').click(function() {
  $(this)
    .closest('tbody')
    .next('.section')
    .toggle('fast');
});

在jQuery（函数（$）代码之前添加以下内容：

  $(".section").hide();

CSS解决方案几乎总是优于jQuery解决方案。
  $(".section").hide();