Опрос
 
 
Как Вы нас нашли?
(122 ответа)
ОтветитьАрхив
Каталог файлов
Главная » Файлы » Всё для вебмастера » Javascript » Slidetoogle (плавное сворачивание/разворачивание)

Slidetoogle (плавное сворачивание/разворачивание)

Вы наверное видели на многих сайтах, при нажатии на ссылку плавно
выезжает скрытая область. Этот скрипт называется "Slidetoogle".

Ссылка для появления/изчезания:

Code
<a onclick="$('#ИМЯ').slideToggle('СКОРОСТЬ');"  
href="javascript://">ТЕКСТ ССЫЛКИ</a>

ИМЯ - уникальный ID, содержит латинские буквы, нигде не отображается, но отвечает за работу скрипта.
СКОРОСТЬ - имеет два параметра: slow -медленно, и fast - быстро. Настраивает скорость появления/изчезания скрытой области.
ТЕКСТ ССЫЛКИ - любой текст, который будет виден пользователю.

Сама область:

Code
<div id="ИМЯ" style="display: none;">СОДЕРЖИМОЕ</div>


ИМЯ
- тот же ID, что и в ссылке.
СОДЕРЖИМОЕ - То, что будет показываться при нажатии на ссылку.
Если вы хотите, чтобы область была видна изначально, уберите style="display: none;".

<a onclick="$('#myid').slideToggle('slow');" href="javascript://">ПРИМЕР</a>
<div id="myid" style="display: none;">СОДЕРЖИМОЕ
СКРЫТОЙ
ОБЛАСТИ</div>

Категория: Javascript | Добавил: 7soft | Теги: Slidetoogle, сворачивание/разворачивание), (плавное, вебмастеру
Просмотров: 2719 | Загрузок: 0 | Комментарии: 2 | Рейтинг: 5.0/1
Всего комментариев: 2

Написал: Fixator10 | Дата: 16.01.2011, 01:48 0


По твоим словам, похоже что это спойлер!
1
Форма входа
 
 
Гость

Вход Регистрация
Мини-чат
 
 
!!!
Присоединяйся!
 
 
Наша кнопка
 
 
Мы будем вам признательны, если вы разместите нашу кнопку у себя на сайте:



Статистика
 
 
ОнлайнПодробно
Онлайн всего: 1
Гостей: 1
Пользователей: 0
15:36
23.11.2024
Внимание! Здравствуйте, гость!
Мы просим Вас зарегистрироваться на нашем сайте, или войти под своим логином.