JQuery переключатель не работает должным образом на таблице 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;"во втором звонке.У вас есть идея, как это решить?

Answer 1

js:

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

css:

.notShow{
   display: none;
}