class bb_Spoiler extends bbcode
{
     public $behaviour = 'spoiler';
     function get_html() {
                $this->autolinks=false;
               
         if (isset($this->attrib['spoiler']) && $this->attrib['spoiler']) {
             $title = htmlspecialchars($this->attrib['spoiler']);
         } else {
             $title = 'скрытый текст';
         }
                $bbcode_img_to_var = preg_replace('#\[img\](.*?)\[/img\]#si', '<var>\1</var>', parent::get_html($this->tree));
        $result = "<div class=\"bb_spoiler\"><div class=\"bb_spoiler_head\"><span onClick=\"if (this.parentNode.parentNode.getElementsByTagName('div')[1].style.display != '') {this.parentNode.parentNode.getElementsByTagName('div')[1].style.display = ''; this.innerHTML = '[-] <a href=\'#\' onClick=\'return false;\'>закрыть</a> ".$title."'; bb_spoiler(this); } else { this.parentNode.parentNode.getElementsByTagName('div')[1].style.display = 'none'; this.innerHTML = '[+] <a href=\'#\' onClick=\'return false;\'>открыть</a> ".$title."'; }\" />[+]<a href=\"#\" onClick=\"return false;\">открыть</a> ".$title."</span>"
."</div><div class=\"bb_spoiler_content\" style=\"display: none;\">".$bbcode_img_to_var."</div>
</div>";
         return $result;
     }
}
 

        'spoiler'      => 'bb_Spoiler',
 

'div'     => array('a','code','div','hr','img','p','pre','span','table','ul','spoiler'),
'td'      => array('a','code','div','hr','img','p','pre','span','table','ul','spoiler'),
 

'spoiler' => array('a','code','div','spoiler','hr','p','pre','span','table','ul')
 

'spoiler' => array('li','tr','td')
 

div.bb_spoiler {
     border: #d0d0d0 1px solid;
     padding: 4px;
     margin: 1em 0 0 .75em;
         border-radius: 8px;
     -moz-border-radius: 8px;
}
div.bb_spoiler_head {
     color: #666666;
     font-weight: bold;
}
div.bb_spoiler_content {
     color: #666666;
         font-size: 10pt;
         border: #d0d0d0 1px solid;
     padding: 5px;
     margin-top: .5em;
         border-radius: 4px;
     -moz-border-radius: 4px;
}
div.bb_spoiler_head span a{
        color: #666666;
    font-weight: bold;
        text-decoration: none;
}
div.bb_spoiler_content var{
 display: none;
}
 

function bb_spoiler(obj){
var spoiler = obj.parentNode.parentNode.getElementsByTagName('div')[1];
 
 sr=spoiler.innerHTML; 
 while (sr.indexOf('<var>') != -1){ 
 sr=sr.replace('<var>','<img src="');
 sr=sr.replace('</var>','" alt=""/>'); 
 spoiler.innerHTML=sr; 
 } 
}