jQuery Show Hide Toggle - учимся скрывать и показывать элементы на сайте

jQuery предоставляет несколько методов для управления отображением элементов на веб-странице. Один из таких методов - это методы `show()`, `hide()` и `toggle()`.

Метод `show()` позволяет показать скрытые элементы. Он может принимать несколько параметров, но наиболее часто используемая форма метода выглядит следующим образом:

javascript
$(selector).show(speed, callback);

где `selector` - это селектор элементов, которые нужно показать, `speed` - скорость анимации (например, "slow", "fast" или число в миллисекундах), а `callback` - функция, которая будет выполнена после окончания анимации.

javascript
// Пример использования метода show()
$("#myElement").show("slow", function(){
  console.log("Элемент показан.");
});

В этом примере элемент с идентификатором `myElement` будет показан с анимацией за 600 миллисекунд, а затем будет выведено сообщение в консоль.

Метод `hide()` позволяет скрывать элементы. Он также может принимать параметры в формате `hide(speed, callback)`, где `speed` - скорость анимации и `callback` - функция, которая выполнится после окончания анимации.

javascript
// Пример использования метода hide()
$("#myElement").hide(1000, function(){
  console.log("Элемент скрыт.");
});

В этом примере элемент с идентификатором `myElement` будет скрыт с анимацией за 1000 миллисекунд, а затем будет выведено сообщение в консоль.

Метод `toggle()` позволяет переключать отображение элементов. Если элемент скрыт, то метод `toggle()` вызывает метод `show()`, а если элемент показан, то метод `toggle()` вызывает метод `hide()`.

javascript
// Пример использования метода toggle()
$("#myElement").toggle("fast", function(){
  console.log("Переключение выполнено.");
});

В этом примере элемент с идентификатором `myElement` будет показан или скрыт с анимацией за 200 миллисекунд, в зависимости от его текущего состояния. Затем будет выведено сообщение в консоль.

Все эти методы могут быть использованы для управления отображением элементов на веб-странице с помощью jQuery.