.spoilerBody {
      padding: 3px;
      background-color: #FFFFFF;
      border: 1px solid #D8D8D8;
      font-size: 1em;      width: 400px;
    }    
.spoilerBar {
      text-transform: uppercase;
      border-bottom: 1px solid #CCCCCC;
      margin-bottom: 3px;
      font-size: 0.8em;
      font-weight: bold;
      display: block;
    }    
.spoilerContents {
      padding: 4px;
      background-color: #F7ECDC;
      border: 1px solid #D8D8D8;
      font-size: 0.9em;  
    }

 <!-- spoiler -->    <div class="spoilerBody"><div class="spoilerBar">    <span onclick="if (this.parentNode.parentNode.getElementsByTagName('  div')[1].getElementsByTagName('div')[0].style.display != '') {this.parentNode.parentNode.getElementsByTagName('  div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerHTML = ' <a href=\'#\' onclick=\'return false;\'><img src=http://www.chelseateam1.ru/forums/styles/prosilver/imageset/icon_minus_1.gif width=9 height=9 border=0><\/a> <b>Спойлер<\/b>';} else {this.parentNode.parentNode.getElementsByTagName('  div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = ' <a href=\'#\' onclick=\'return false;\'><img src=http://www.chelseateam1.ru/forums/styles/prosilver/imageset/icon_plus_1.gif width=9 height=9 border=0><\/a><b> Спойлер<\/b>';}">    <a href="#" onclick="return false;"><img src="http://www.chelseateam1.ru/forums/styles/prosilver/imageset/icon_plus_1.gif" width=9 height=9 border=0></a><b> Спойлер</b></span></div>    <div class="spoilerContents">    <div style="display:none;">текст</div></div></div>    <!-- /spoiler -->