Спойлер для сайта?
Это JS:
<script>
jQuery(document).ready(function(){
	jQuery('a.spoiler-head').click(function(){
		jQuery(this).next().toggle(200);
		return false;
	});
});
</script>

Это CSS:

.spoiler {position:relative;}
.spoiler a.spoiler-head {display:block; float:left; margin:10px 0 2px 0; text-decoration:none;}
.spoiler a.spoiler-head span {padding:0; border-bottom:dashed 1px #71C83B; font-size:16px; color:#71C83B;}
.spoiler .spoiler-body {display:none; position:relative; padding:6px 0 0 0; margin:0; clear:both;}


Это код самого спойлера:

<div class="spoiler">
	<a class="spoiler-head" href="#">Внимание, спойлер!</a>
	<div class="spoiler-body">Тут содержимое нашего супер простейшего спойлера</div>
	<div class="clear"></div>
</div>


Стили измените на свои и вместо «Внимание, спойлер!» можете вставлять что угодно.
Разработчиком этого модуля это продумано небыло, максимум можете использовать опцию «class» и в стилях прописать туда изображение. Например так:

Это код вашего спойлера:

[collapse collapsed title="описание спойлера" class="spoiler_img"] содержимое которое прячется под спойлер[/collapse]

Это вставляйте в css:

.spoiler_img {background:url("image.png") no-repeat;}

P.S. Чтобы вставлять произвольное изображение и не извращаться со стилями, нужно переделать код самого модуля.