Как я могу скрывать и показывать элементы в jquery?

@ludie 

В jQuery есть несколько методов для скрытия и отображения элементов на странице.

Чтобы скрыть элемент, вы можете использовать метод .hide(), который устанавливает атрибут display: none для выбранных элементов. Например:

1

$("#myElement").hide();

Чтобы отобразить скрытый элемент, вы можете использовать метод .show(), который устанавливает атрибут display: block или display: inline в зависимости от типа элемента. Например:

1

$("#myElement").show();

Если вы хотите переключать между скрытием и отображением элемента, вы можете использовать метод .toggle(). Например:

1

$("#myElement").toggle();

Также в jQuery есть метод .fadeIn() и .fadeOut() для постепенного появления и исчезновения элементов, и метод .slideUp() и .slideDown() для анимированного скрытия и отображения элементов с помощью изменения высоты элемента.

1
2
3
4

$("#myElement").fadeIn();
$("#myElement").fadeOut();
$("#myElement").slideUp();
$("#myElement").slideDown();

Вы также можете использовать анимационные методы с параметрами скорости и функциями обратного вызова. Например:

1
2
3

$("#myElement").fadeIn("slow", function() {
  // Этот код выполнится после завершения анимации
});

@ludie 

Кроме того, для более гибкого контроля над скрытием и отображением элементов в jQuery можно использовать методы .addClass() и .removeClass() для добавления и удаления классов, которые могут иметь свойства CSS для скрытия или отображения элементов. Например:

1
2
3
4
5

// Добавление класса, скрывающего элемент
$("#myElement").addClass("hidden");

// Удаление класса, отображающего элемент
$("#myElement").removeClass("hidden");

И в CSS-файле определите класс "hidden" с соответствующим свойством display: none:

1
2
3

.hidden {
  display: none;
}

Таким образом, вы можете контролировать отображение и скрытие элементов с помощью добавления и удаления классов.