<script language="JavaScript" type="text/javascript">
function open_close(id_spol,id_up_spol) {
var obj = "";
if (document.getElementById) obj = document.getElementById(id_spol).style;
else if (document.all) obj = document.all[id_spol];
else if (document.layers) obj = document.layers[id_spol];
else return 1;

if (obj.display == "") obj.display = "none";
else if (obj.display != "none") {
     obj.display = "none";
     id_up_spol.innerHTML="<img src='/plus.gif'>";
}
else {
     obj.display = "block";
     id_up_spol.innerHTML="<img src='/minus.gif'>";
}
}
</script>

<span class="spoiler_style" onClick="open_close('spoiler1',this)">
<img src="/plus.gif">
</span>
Тут неизменяемый текст
<div id="spoiler1" style="display:none; background:#F7F7F7; margin:0px 0px 0px 20px;">
Здесь содержится все то, что должен скрывать спойлер.<br>
Под спойлером может содержаться не только текст, но и картинки.<br>
</div>