выпадающее меню

пятница, 3 октября 2014 г.

Мой спойлер

Переходим к следующему спойлеру. С помощью сочетанием клавиш (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> &nbsp; ТЕКСТ </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
</div>





Комментариев нет: