Как пользоваться show hide в jquery?

Пользователь

от rebekah , в категории: JavaScript , 8 месяцев назад

Как пользоваться show hide в jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от narciso , 7 месяцев назад

@rebekah 

Для использования функции show/hide в jQuery нужно выполнить следующие шаги:

  1. Подключите библиотеку jQuery на страницу, добавив следующий тег в секцию вашего HTML-документа:
1
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>


  1. Создайте HTML-элемент, который будет скрываться/показываться. Например:
1
<div id="myElement">Скрытый элемент</div>


  1. Напишите JavaScript-код, который будет управлять видимостью этого элемента. Например, чтобы показать или скрыть элемент при нажатии на кнопку:
1
2
3
4
5
$(document).ready(function() {
  $("#myButton").click(function() {
    $("#myElement").toggle(); //переключение отображения элемента
  });
});


  1. Добавьте HTML-элементы, которые будут инициировать такое действие. Например:
1
<button id="myButton">Показать/скрыть элемент</button>


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