function hide(id)
{
var spoiler = document.getElementById('spoilers' + id);
spoiler.style.display = 'none';
}

<script type="text/javascript" src="http://demos.mootools.net/demos/mootools.js"></script>
<script type="text/javascript">
window.addEvent('domready', function() {
var myVerticalSlide = new Fx.Slide('vertical_slide');
myVerticalSlide.hide();

$('v_toggle').addEvent('click', function(e){
e.stop();
myVerticalSlide.toggle();
});
});
</script>

<script language='javascript' type='text/javascript'>
function AddSelectedText(BBOpen, BBClose) {
if (document.REPLIER.Post.caretPos) document.REPLIER.Post.caretPos.text = BBOpen + document.REPLIER.Post.caretPos.text + BBClose;
else document.REPLIER.Post.value += BBOpen + BBClose;
document.REPLIER.Post.focus()
}
function InsertSpoil(BBcode) {
AddSelectedText('[doHTML]<a href="#" id="v_toggle" style="display:block">Развернуть Спойлер</a><div id="vertical_slide">','</div>[/doHTML]');
}
function storeCaret(textEl) {
if (textEl.createTextRange) textEl.caretPos = document.selection.createRange().duplicate();
}
</script>

<input type='button' class='codebuttons' style='font-weight:bold' title='Поместить текст (изображение) в тег Спойлера, разворачивание-сворачивания текста (изображения)' value='[SPOILER]' onClick="InsertSpoil('SPOILER')" />