javascript - jquery toggle 在表 tr 上无法正常工作

Question

我正在尝试使用 jquery 切换一些表行。初始状态是隐藏的

这是有效的

$('.table tr.items.' + name).each(function() {
  $(this).show();
});

这段代码也有效

$('.table tr.items.' + name).each(function() {
  $(this).show();
});

但有了这段代码

$('.table tr.items.' + name).each(function() {
  $(this).toggle();
});

在第一次调用中显示了行，但在第二次调用中它们没有隐藏。我可以看到样式设置为 style="display: table-row;" 在第二次通话中。你知道如何解决这个问题吗？

标签： javascriptjquerycss

Answer 1

js：

$('.table tr.items.' + name).toggleClass("notShow");

CSS：

.notShow{
   display: none;
}