Главная » 2010 » Март » 6 » Свернуть / Развернуть (Javascript)
06.03.2010, 09:57

Свернуть / Развернуть



<a onclick="$('#name').slideToggle('slow');" href="javascript://">Свернуть/Развернуть</a>

Где name - уникальный id. Замените синее сейчас на 1

<div id="name">Текст для развертывания ...</div>

Текст для развертывания ... Где name - уникальный id. Замените синее сейчас на 1

Где name Текст для развертывания ... и Свернуть/Развернуть они должны совпадать !

Пример :

Code
<a onclick="$('#1').slideToggle('slow');" href="javascript://">Свернуть/Развернуть</a>
<div id="1">Текст для развертывания ...</div>
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: JavaScript's | Просмотров: 8859 | Добавил: ro-sko | Рейтинг: 3.8/4 |
Всего комментариев: 8
1 2SHAE   (07.03.2010 16:44)
Аватар пользователя
Кто понял описание? biggrin Это ппц)))

2 antisept -Infoscript Team-  (07.03.2010 18:09)
Аватар пользователя
Мда..., написанно действительно непонятно. Но на самом деле ничего сложного нет. Просто name замени на любое уникальное имя, а текст, который необходимо сворачивать и разворачивать заключи в <div id="уникальное имя">Твой текст</div>
Этот эффект был использован здесь http://infoscript.ru/news....28-1226

3 lesha -Infoscript Team-  (08.03.2010 19:09)
Аватар пользователя
Где name Текст для развертывания ... и Свернуть/Развернуть они должны совпадать !

красным сделал всю фразу зря! Сделал бы только "name"! И закинул бы ты все кода в тэги code


4 vov2790   (28.12.2011 01:29)
Аватар пользователя
Вопрос а как сделать так чтобы бразуер запоминал действие тоесть например в блоке на одной странице нажал свернуть а перейдя на другую он не разворасивался

5 antisept -Infoscript Team-  (28.12.2011 09:39)
Аватар пользователя
Вот тут, с запоминанием: http://infoscript.ru/news....13-2151

6 vov2790   (28.12.2011 16:53)
Аватар пользователя
спасибо!!

7 bemulma   (22.03.2012 18:39)
Аватар пользователя
Хорошая штучка, а не подскажете как сделать так чтоб когда страницу открываешь текст был свернутым а не развернутым? или половина текста была видна а половина свернута? а так класс!!!

8 sold93 -Infoscript Team-  (22.03.2012 21:22)
Аватар пользователя
{code]<a onclick="$('#1').slideToggle('slow');" href="javascript://">Свернуть/Развернуть</a>
<div id="1" style="display: none;">Текст для развертывания ...</div>[/code]

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]