<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"> </script>

<script type="text/javascript"> 

$(document).ready(function(){ 

$('.splLink').click(function(){ 

$(this).parent().children('div.splCont').toggle('normal');

return false;

});

});

</script>



/*Добавляем в CSS-файл строчку, чтобы по-умолчанию спойлер был закрыт:*/

.splCont{display:none; padding:3px 5px;}



/*Далее размещаем между тегами ... в любом месте код самого спойлера.*/

<a href="javscript://" class="splLink"><strong>Спойлер:</strong>пример</a>

<div class="splCont"> 

Это примерный текст!

</div>