8.31.2022

Простой вариант спойлера



В том месте, где Вы хотите вставить спойлер, необходимо разместить следующий код:

< div style="margin:0;" > 
< div  style="margin-bottom:2px" > 
< input type="button" value="Спойлер" 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 = '-'; } else { 
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display 
= 'none'; this.innerText = ''; this.value = '+'; }" > 
< /div > 
< div style="margin: 0px; padding: 6px; border: 1px solid;background: #FFFFCC;" > 
< div style="display: none;" > 
Ваш текст... 
< /div > 
< /div > 
< /div >

! После копирования и вставки кода, не забудьте убрать лишние пробелы в скобках кода.

Живой пример:

Ваш текст...

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

Отправить комментарий