Статистика сайта
Онлайн всего: 1 Гостей: 1 Пользователей: 0
|
Спойлер для Ucoz
10.03.2012, 11:51 |
ПРИМЕР: Содержимое spoiler.css:
.spoilerBody
{ padding: 3px;
background-color: #FFFFFF;
border: 1px solid #D8D8D8;
font-size: 1em; }
.spoilerBar {
text-transform: uppercase;
border-bottom: 1px solid
#CCCCCC; margin-bottom: 3px;
font-size: 0.8em;
font-weight: bold;
display: block; }
.spoilerContents {
padding: 4px;
background-color: #F7ECDC;
border: 1px solid #D8D8D8;
font-size: 0.9em;
} Сам HTML код:
<div> <div><br>
<div class="smallfont"
style="margin-bottom:2px"><br><input
type="button" value="+ Показать"
style="width:75px;font-size:10px;margin:0px;padding:0px;" onClick="if
(this.parentNode.parentNode.getElementsByTagName('div')[1].style.display
!= '') {
this.parentNode.parentNode.getElementsByTagName('div')[1].style.display =
'';this.innerText = ''; this.value = '- Скрыть'; } else {
this.parentNode.parentNode.getElementsByTagName('div')[1].style.display =
'none'; this.innerText = ''; this.value = '+ Показать';
}"><br>
</div><br> <div style="display:
none;">ЗДЕСЬ МОЖЕТ
БЫТЬ ВСЕ, ЧТО
ЗАХОТИТЕ</div><br></div>
|
Всего комментариев: 2 | |
+Показать работает А вот -Скрыть - нет
Спасибо за скрипт, хороший !
|
|
|
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ]
|
|