Правильный ответ

Во-первых, не используйте .hide! Используйте .hidden. Как говорили другие, .hide устарел,

.hide доступен, но он не всегда влияет на устройства чтения с экрана и устарел с версии 3..0.1

blockquote>

Во-вторых, используйте jQuery .toggleClass () , .addClass () и .removeClass ()

Foobar

• Чтобы показать это: $("#myId").removeClass('hidden');
• Чтобы скрыть его: $("#myId").addClass('hidden');
• Для переключения: $("#myId").toggleClass('hidden');

Не используйте класс css .show, он имеет очень маленький прецедент. Определения show, hidden и invisible приведены в документах .

// Classes
.show {
  display: block !important;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.invisible {
  visibility: hidden;
}