JQuery UI API - .toggle ()
категория
Специальные эффекты (эффекты) | Эффекты Ядро (Core Effects) | Метод перегрузки (метод, Overrides) | методы (методы)
использование
Описание: Использование пользовательских эффектов , чтобы показать или скрыть соответствующие элементы.
Возвращает: Jquery
.toggle( effect [, options ] [, duration ] [, complete ] )
| 参数 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| effect | String | 一个字符串，指示要使用哪一种特效 。 | |
| options | Object | 特效具体的设置和 easing 。 | |
| duration | Number 或 String | 一个字符串或一个数字，指定动画将运行多久。 | 400 |
| complete | Function() | 一旦动画完成时要调用的函数。 |
.toggle( options )
| 参数 | 类型 | 描述 |
|---|---|---|
| options | Object | 所有的动画设置。唯一一个必需的属性是 effect。
|
Плагин расширения от Jquery встроенный .toggle () метод. Если JQuery UI не загружается, вызовите .toggle() метод не просто не в состоянии , так как этот метод существует в JQuery. Но это не ожидаемое поведение.
примеров
Fold-эффекты (двойной эффект) переключения DIV.
<! DOCTYPE HTML>
<HTML LANG = "EN">
<Head>
<Meta Charset = "UTF-8">
<Title> .toggle () Demo </ title>
<Link отн = "таблица стилей" HREF = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<Style>
DIV {
ширина: 100px;
высота: 100px;
фон: #ccc;
границы: 1px твердый # 000;
}
</ Style>
<Script SRC = "// code.jquery.com/jquery-1.10.2.js"> </ скрипт>
<Script SRC = "// code.jquery.com/ui/1.10.4/jquery-ui.js"> </ скрипт>
</ Head>
<Body>
<Кнопка> Переключение DIV </ Кнопка>
<Div> </ DIV>
<Script>
$ ( "Button") .click (функция () {
$ ( "Див") .toggle ( "фолд", 1000);
});
</ Script>
</ Body>
</ HTML>