свернуть, развернуть

1504
8.6 из 10
Проголосовало: 3






Эффект сворачивания, разворачивания на jquery.

Code
<input onclick="$('div.container').slideUp('slow');" type="button" value="Свернуть" />
<input onclick="$('div.container').slideDown('slow');" type="button" value="Развернуть" />
<input onclick="$('div.container').slideToggle('slow');" type="button" value="Свернуть или Развернуть" />
<div class="container">
Ночь, улица, фонарь, аптека,
Бессмысленный и тусклый свет.
Живи еще хоть четверть века -
Все будет так. Исхода нет.

Умрешь - начнешь опять сначала
И повторится все, как встарь:
Ночь, ледяная рябь канала,
Аптека, улица, фонарь.
А. А. Блок</div>


slideUp(speed,[fn]) – свернет объект за время speed, и после этого вызовет функцию [fn] один раз.

slideDown(speed,[fn]) – развернет объект за время speed, и после этого вызовет функцию [fn] один раз.

slideToggle(speed,[fn]) – свернет или развернет (в зависимости от текущего состояния) объект за время speed, и после этого вызовет функцию [fn] один раз.

speed – может принимать либо строковый параметр: slow, normal, fast, либо значение в миллисекундах

[fn] – не обязательный параметр, можно указывать, а можно и не указывать
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
  • Всего комментариев: 4

GrandZ
0
GrandZ написал: Написано 21 Июля 2014 в 09:58
Комментарий №3
??? НЕ работает

Вовчик
0
Вовчик написал: Написано 21 Июля 2014 в 14:08
Комментарий №4
да ну...

ADMIN1363
0
ADMIN1363 написал: Написано 27 Февраля 2014 в 20:18
Комментарий №2
Как сделать что бы на страничку заходишь(там где етот скрипт)а он развернут. Мне нужно Чтобы он свётнут был, как зделать нужно? что добавить?

DJ_FORWARD
0
DJ_FORWARD написал: Написано 14 Июля 2011 в 21:38
Комментарий №1
smile

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • Upd 1.4 Кому лень https://jsfiddle.net/7js6tfp1/5/
  • Marishka написал:
  • Мы обновили код и упростили его установку:
    Что нового:
    1. Новый легкий js код.
    2. Отправка по Enter если есть или нет Aa цвета.
    3. Простая установка.

    Принцип работы:
    Используется родное поле ввода текста с выбором цвета, родная кнопка отправки скрывается позволяя отправить форму по Enter.

    Демо: https://jsfiddle.net/7js6tfp1/4/
  • Marishka написал:
  • Радио не стоит на месте новая версия вам 1.5:
    Что нового:
    1. Media Session - позволит вам переключать из бара браузера радио, а также на блоке экрана.
    2. Новые радиостанции.
    3. Новый API код.

    Демо: fiddle
    Реальная полная версия: woobl
  • Marishka написал:
  • Можете добавить свои input поля, но сохраняйте их порядок в html для правильного сохранения и вывода.
  • Marishka написал:
  • Новая версия 1.3 (+6 новых станций):
    Установка:
    Демо: Перейти
    Последние темы
    Опрос
    478
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 3
    Гостей: 3
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: