2.7 KiB
2.7 KiB
title | localeTitle |
---|---|
jQuery Effects Hide Method | jQuery Эффекты Скрыть метод |
Метод jQuery Hide
В своей простейшей форме .hide () немедленно скрывает согласованный элемент без анимации. Например:
$(".myclass").hide()
скроет все элементы, класс которых является классом myclass . Можно использовать любой селектор jQuery.
.hide () как метод анимации
Благодаря своим возможностям, .hide () может анимировать ширину, высоту и непрозрачность согласованных элементов одновременно.
- Продолжительность может быть задана в миллисекундах, или с использованием литералов медленной (600 мс) и быстрой (200 мс). например:
$("#myobject").hide(800)
- Можно указать функцию, которая будет вызываться после завершения анимации, по одному на каждый согласованный элемент. Этот обратный вызов в основном полезен для объединения разных анимаций. Например
$("p").hide( "slow", function() {
$(".titles").hide("fast");
alert("No more text!");
});
- More options exist, please refer to the official website for further details.
.toggle() method
To show / hide elements you can use toggle()
method. If element is hidden toggle()
will show it and vice versa.
Usage:
Javascript $ ( "MyClass"). Переключения () \`\` \`
### .slideDown ()
Этот метод анимирует высоту согласованных элементов. Это приводит к тому, что нижние части страницы скользят вниз, что позволяет выявить предметы. Применение:
```javascript
$(".myclass").slideDown(); //will expand the element with the identifier myclass for 400 ms.
$(".myclass").slideDown(1000); //will expand the element with the identifier myclass for 1000 ms.
$(".myclass").slideDown("slow"); //will expand the element with the identifier myclass for 600 ms.
$(".myclass").slideDown("fast"); //will expand the element with the identifier myclass for 200 ms.
Дополнительная информация:
Метод JQuery hide () на официальном сайте