Статистика Форума
Последние обновленные темы
Самые популярные темы
Активисты форума
Авторитеты форума
Беседы у костра

Создал: WurDalaK; ответов: 2108
Вопросы по модострою

Создал: WurDalaK; ответов: 1160
Ходка №1

Создал: Алеся; ответов: 301
Какой трек у вас сейчас и...

Создал: Never; ответов: 64
Злой админ

Создал: WurDalaK; ответов: 54
WurDalaK

Постов: 2038
Возрожденный

Постов: 1624
Wo1fRam

Постов: 592
Алеся

Постов: 183
Marsel

Постов: 174
WurDalaK

Уважение: 28
Venus

Уважение: 23
Never

Уважение: 17
Возрожденный

Уважение: 13
Wo1fRam

Уважение: 13

Страница 1 из 11
Модератор форума: XemorDio 
Форум » Веб-мастерская » Скрипты » Как сделать спойлер
Как сделать спойлер
Российская Федерация  WurDalaK
Дата: Суббота, 05.04.2014, 00:54 | Сообщение # 1
Mysterious asari
Статус
Страж
Группа
Администраторы
Сообщений
2038
Награды
9
-
28
+
Код
<script type="text/javascript">  
<!--  
function show_hide_block(xdata){ obj=xdata.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false; }  
//-->  
</script>  

<div><span><a title="Тут всплывающая подсказка" onclick="show_hide_block(this)">Тут заголовок спойлера</a><div style="display: none;"><br>=== А вот тут уже текст самого раскрывающегося блока ===<br></div></span></div>


P.S. Во избежание всяких неприятностей в разных браузерах в этой части кода лучше не делать переносов строк:
Код
<div><span><a title="Тут всплывающая подсказка" onclick="show_hide_block(this)">Тут заголовок спойлера</a><div style="display: none;">


Занимаюсь созданием сайтов в системе uCoz и модов для серии игр S.T.A.L.K.E.R. Писать в ЛС.
Хочешь сказать спасибо? Ставь + в репутацию!
 
Форум » Веб-мастерская » Скрипты » Как сделать спойлер
Страница 1 из 11
Поиск:
Мини-чат
Яндекс.Метрика