Переходим к следующему спойлеру. С помощью сочетанием клавиш (Ctrl+F) Вам надо найти строку в шаблоне: </body> Перед этой строчкой - добавьте этот код:
01
02
03
04
05
06
07
08
09
10
11
12
13
14
| < script language = "javascript" > function toggle() { var ele = document.getElementById("toggleText"); var text = document.getElementById("displayText"); if(ele.style.display == "block") { ele.style.display = "none"; text.innerHTML = "Открыть спойлер"; } else { ele.style.display = "block"; text.innerHTML = "Скрыть текст"; } } </ script > |
Сохраните шаблон, теперь в режиме HTML пользуйтесь этим кодом:
<
a
href
=
"javascript:toggle();"
id
=
"displayText"
>Содержание книги</
a
>
<
div
id
=
"toggleText"
style
=
"display: none;"
>Здесь должен быть ваш текст или картинка</
div
>
=================================================================
<b> ТЕКСТ
</b><br /><span style="color: yellow;"> </span>
===================================================================
<
div
style
=
"margin: 5px 20px 20px;text-align: left;"
>
<
div
style
=
"margin-bottom: 2px;"
>
<
b
>Содержание книги</
b
>: <
input
onclick
=
"if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }"
style
=
"font-size: 10px; margin: 0px; padding: 0px; width: 60px;"
type
=
"button"
value
=
"Open/Close"
/> </
div
>
<
div
style
=
"border: 1px inset; margin: 0px; padding: 6px;"
>
<
div
style
=
"display: none;"
>
Здесь Ваш текст, скрипт или картинка
<
br
>
</
div
>
</
div
>
Комментариев нет:
Отправить комментарий