Первым делом огромное спасибо sadhaka за её деятельность! Именно она дала этот скрипт!
Как известно хтмл-скрипт убирает под картинную кнопочку любые хтмл-элементы, будь то навигация или еще что нибудь.
это ставите в хтмл-низ:
<!--Скрипт хтмл-спойлера-->
<script language="JavaScript" type="text/javascript">
function openClose(id)
{
var obj = "";// Check browser compatibility
if(document.getElementById)
obj = document.getElementById(id).style;
else if(document.all)
obj = document.all[id];
else if(document.layers)
obj = document.layers[id];
else
return 1;// Do the magic
if(obj.display == "")
obj.display = "none";
else if(obj.display != "none")
obj.display = "none";
else
obj.display = "block";
}
</script>
<!--/Скрипт хтмл-спойлера-->
а это туда, где вам спойлер нужен:
<!--Шапка спойлера-->
<div class="spoilertop" onClick="openClose('1')">
сюда то, что будет отображаться когда спойлер закрыт (можно картинку в обычном хтмл-е)
</div>
<!--Содержание спойлера-->
<div class="spoilerbox" id="1" style="display:none;">
сюда то, что под спойлером
</div>
И не забудьте вот эти штучки убрать!<!--Скрипт хтмл-спойлера--> и т.д.
если будете ставить несколько спойлеров и хотите, чтобы они открывались по отдельности, то в последующих спойлерах циферку "1" меняете на 2, 3 и т.д.
если хотите, чтобы при наведении курсора на заголовок спойлера, курсор становился "лапкой", то ставите это, можно в хтмл-верх
<style>
.spoilertop {cursor:pointer;}
</style>
И еще раз спасибо sadhaka!