<!-- спойлер -->
<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);
    $(this).parent().on('spoiler.firstOpen', function() {
        $(this).parent().off('spoiler.firstOpen');
        $(this).find(".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)
             $(this).click(function(){
                $(this).next('blockquote').toggle('Slow');
                $(this).find('span:eq(0),span:eq(1)').toggleClass('hide').toggleClass('visible');
             });
        });
    });
});
$(".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).off('spoiler.firstOpen');
        $(this).children('blockquote').append('<a href="#220_' + i + '" onclick="clickSP(' + i + ')" style="float:right">Свернуть спойлер</a>');
        $(this).find('.quote-box.spoiler-box').each(function(j) {
            var i = j+2;
            $(this).children('div').attr('id', 'spoiler' + i).append('<a name="220_' + i + '" style="position:absolute;margin-top:-200px"></a>');
            $(this).children('div[onclick*="toggleSpoiler"]').one('click', function() {
                $(this).parent().children('blockquote').append('<a href="#220_' + i + '" onclick="clickSP(' + i + ')" style="float:right">Свернуть спойлер</a>');
            });
        });
    });
});
</script>