1. Сполер ввиде обычной текстовой ссылки
Code
<DIV><a href="#" title="Название спойлера при наведении" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;">Название спойлера</a><div class="subblock" style="display: none">
то что спрятано</div></DIV>
2. Второй вариант сполера ввиде ссылки, но на цветном фоне.
Code
<script type="text/javascript" language="javascript">
function show_hide_block(xdata){obj=xdata.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;}
</script>
<div style="text-align: center;"><a title="" onclick="show_hide_block(this)"><span style="width: 500px; padding: 5px 10px; background-color: #ccc; font: normal 12pt Arial, Helvetica, sans-serif; cursor: pointer; ">Тут заголовок спойлера</span></a><div style="display: none; padding: 20px 0px;">А вот тут уже текст самого раскрывающегося блока</div></div>
3. Сполер ввиде кнопки
Code
<script type="text/javascript" language="javascript">
function show_hide_block(xdata){obj=xdata.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;}
</script>
<div style="text-align: center;"><a title="" onclick="show_hide_block(this)"><input value="Спойлер" type="button" style="width: 35%; background: #999 url('FPGRNT.jpg') fixed; font: bold 12pt 'Courier New', Courier, monospace; color: #000; padding: 0px 0px 3px 0px; cursor: pointer;"></a><div style="display: none; padding: 20px 0px;">А вот тут уже текст самого раскрывающегося блока</div></div>
