С jQuery вы можете скрывать и отражать HTML-элементы.
Также возможно настроить время затухания и появления.
Синтаксис:
$(selector).hide(speed);
$(selector).show(speed);
или
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
Необязательный параметр скорости определяет скорость скрытия / показа, и может принимать следующие значения: "slow", "fast" или в миллисекундах. Следующий пример демонстрирует параметр скорости скрытия элемента:
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-latest.js">
</script>
<script>
$(document).ready(function () {
$("button").click(function () {
$("p").hide(1000);
});
});
</script>
</head>
<body>
<button>Hide</button>
<p>This is a paragraph with little content.</p>
<p>This is another small paragraph.</p>
</body>
</html>
Toggle()
С помощью метода можно переключать выполнение методов hide() и show(). Также можно настроить и скорость срабатывания.
Синтаксис:
$(selector).toggle(speed);
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-latest.js">
</script>
<script>
$(document).ready(function () {
$("button").click(function () {
$("p").toggle();
});
});
</script>
</head>
<body>
<button>Toggle</button>
<p>This is a paragraph with little content.</p>
<p>This is another small paragraph.</p>
</body>
</html>
Fading методы
С JQuery вы можете исключать и включать видимость элементов. Набор методов:
· fadeIn()
· fadeOut()
· fadeToggle()
· fadeTo()