Мой спойлер

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