mostrar y ocultar contenido.

Mostrar / Ocultar ▼▲

<div class="divspoiler">
<a href="javascript:void(0);" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" >Mostrar / Ocultar &#9660;&#9650;</a>
</div><div><div class="spoiler" style="display: none;">
Aquí el contenido que queremos ocultar
</div></div>

¿Qué significa SOS?

Save Our Souls

Save Our Ship

No significa nada

Socorro Oh Socorro

<div class="divspoiler">
<img src="URL de la imagen" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" />
</div><div><div class="spoiler" style="display: none;">
Aquí el contenido que queremos ocultar
</div></div>


http://ciudadblogger.com/2011/04/spoiler-para-ocultar-y-mostrar.html

Находим нужный виджет и вставляем код, выделенный синим цветом:

 <b:widget id='LinkList2' locked='false' title='HTML' type='LinkList'>
<b:includable id='main'>
<div class='divspoiler'>
<a href='javascript:void(0);' onclick='if (this.parentNode.nextSibling.childNodes[0].style.display != &apos;&apos;) { this.parentNode.nextSibling.childNodes[0].style.display = &apos;&apos;; } else { this.parentNode.nextSibling.childNodes[0].style.display = &apos;none&apos;;}'>
<b:if cond='data:title'><h2><data:title/></h2></b:if></a>
</div><div><div class='spoiler' style='display: none;'>
 <div class='widget-content'>
   <ul>
     <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target'><data:link.name/></a></li>
     </b:loop>
   </ul>
   <b:include name='quickedit'/>
 </div></div></div>
</b:includable>
</b:widget>