Новые комментарии

<style type="text/css">
<!--
.spoiler { border:1px solid #ddd; padding:1px; font-family: monospace }
.spoiler .inner { border:none; padding:1px;margin:3px; }
.btn { color:#050; font-family: monospace;  background-color:#f8f8f8; border:1px solid; border-color: #696 #363 #363 #696;}
//-->
</style>

<script type="text/javascript">
function showSpoiler(id)
{
   var inner = document.getElementById("sp_div_"+id);
   var button = document.getElementById("sp_button_"+id);
   if (inner.style.display == "none")
   {
      inner.style.display = "";
      button.value=" - ";
   }
   else
   {
      inner.style.display = "none";
      button.value=" + ";
   }
}
</script>

<div class="spoiler">
   <table width=100%>
      <tr>
         <td align="center" width="95%"><b>Заголовок</b></td>
         <td align="right"><input id="sp_button_XX" class="btn" type="button" onclick="showSpoiler(XX);" value=" + " /></td>
      </tr>
   </table>
   <div id="sp_div_XX" class="inner" style="display:none;">
     текст под спойлером  
   </div>
</div>

XX нужно заменить на ID спойлера/кнопки (порядковый номер, набор случайных букв etc).