Latest web development tutorials
×

jQuery UI курс

jQuery UI курс jQuery UI Краткое введение jQuery UI скачать jQuery UI использование jQuery UI Настроить jQuery UI завод

jQuery UI тема

jQuery UI тема jQuery UI ThemeRoller jQuery UI CSS рамка API jQuery UI Дизайн темы

jQuery UI Библиотека компонентов

jQuery UI Библиотека компонентов jQuery UI Расширенный виджет jQuery UI Метод Призвание виджет jQuery UI Зачем использовать библиотеку виджетов jQuery UI Как использовать виджет библиотеки

jQuery UI справочное руководство

jQuery UI API файл API категория - Специально хороший эффект API категория - эффекты ядра API категория - попеременно API категория - перегрузка методов API категория - способ API категория - селектор API категория - тема API категория - UI ядро API категория - утилита API категория - Виджеты

jQuery UI примеров

jQuery UI примеров лобовое сопротивление место пересчет выбрать последовательность Складные панели автозаполнения кнопка Выбор даты диалог меню Шкала прогресса ползунок поворотное устройство таб подсказке окно Специально хороший эффект дисплей скрывать Переключение .addClass() .removeClass() .toggleClass() .switchClass() Цвет Анимация разместить Библиотека компонентов

JQuery UI API - сложите эффекты (двойной эффект)

категория

Специальные эффекты (эффекты)

использование

Описание: Раскладной эффекты (двойной эффект) путем складывания элементов , чтобы скрыть или отобразить элемент.

fold

参数 类型 描述 默认值
size Number 或 String 被折叠元素的尺寸。 15
horizFirst Boolean 当折叠时是否先进行水平方向的折叠。请记得,显示的时候与隐藏的时候顺序相反。 false

примеров

Fold-эффекты (двойной эффект) переключения DIV.

<! DOCTYPE HTML>
<HTML LANG = "EN">
<Head>
  <Meta Charset = "UTF-8">
  <Title> складных эффекты (двойной эффект) Demo </ title>
  <Link отн = "таблица стилей" HREF = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <Style>
  #toggle {
    ширина: 100px;
    высота: 100px;
    фон: #ccc;
  }
  </ 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>
 
<P> Нажмите в любом месте для переключения. </ P>
<Div ID = "тумблер"> </ DIV>
 
<Script>
$ (Документ) .click (функция () {
  $ ( "#toggle") .toggle ( "Fold");
});
</ Script>
 
</ Body>
</ HTML>