<!-- спойлер -->
<style type="text/css"> 
.punbb .quote-box.spoiler-box {
background:linear-gradient(180deg, rgba(255, 254, 249, 1) 0%, rgba(253, 252, 206, 1) 100%);
border:dotted 1px #d0b857;
border-radius:8px;
padding:10px 5px 14px 10px;
}
.punbb .spoiler-box blockquote {
min-width:100%;
}
#button-spoiler {
background:url('https://forumstatic.ru/files/0013/0b/24/10341.png') no-repeat center !important;
}
.post-content .spoiler-box > blockquote.visible,.post-content .spoiler-box span.hide {
display:none;
}
</style>
<script type="text/javascript">
function tag_spolierr(){
var enterTITLE = prompt("Введите описание закрытой кнопки", 'Спойлер');
var enterTITLE2 = prompt("Введите описание открытой кнопки", 'Закрыть');
bbcode('[spoiler='+enterTITLE+'|'+enterTITLE2+']','[/spoiler]');
}
var image_Spl="<img width=\"34\" src=\"https://forumstatic.ru/files/0013/0b/24/80208.png\" class=\"Sp-button\" onclick=\"$(this).parents('div.spoiler').children('div.show-hide').toggle('slow'),$(this).parents('div.spoiler').find('span.show-hide').toggle()\" onmousedown=\"this.src='https://forumstatic.ru/files/0013/0b/24/80208.png'\" onmouseup=\"this.src='https://forumstatic.ru/files/0013/0b/24/80208.png'\" onmouseout=\"this.src='https://forumstatic.ru/files/0013/0b/24/80208.png'\" style=\"margin:-8px 6px 0 -28px;float:left;\" alt=\"'Кнопка'\"/>";
$(document).ready(function() {a='<img onclick="tag_spolierr()" title="Скрыть в спойлер" src="/i/blank.gif"/>'
$("#form-buttons td#button-spoiler img").replaceWith(a);
$(".post-box .quote-box.spoiler-box div[onclick*='toggleSpoiler']").each(function() {
  $(this).html($(this).html().replace(/(.*)?\|(.*)?/img,'<span class="visible">$1</span><span class="hide">$2</span>'))
  $(this).prepend(image_Spl)
});
$(".post-box .quote-box.spoiler-box div[onclick*='toggleSpoiler']").click(function(){
  $(this).next('blockquote').toggle('Slow');
  $(this).find('span:eq(0),span:eq(1)').toggleClass('hide').toggleClass('visible');
 });
});
</script>
<!-- окончание спойлера-->

<!-- Свернуть спойлер -->
<script type="text/javascript">
function clickSP(i) {setTimeout("$('#spoiler"+i+"').click()",100);}
$('.quote-box.spoiler-box').each(function(i) {
    $(this).children('div').attr('id','spoiler'+i).append('<a name="220_'+i+'" style="position:absolute;margin-top:-200px"></a>');
    $(this).on('spoiler.firstOpen', function() {
        $(this).children('blockquote').append('<a href="#220_'+i+'" onclick="clickSP('+i+')" style="float:right">Свернуть спойлер</a>');
     });
});
</script>