[Tutorial] Adicionar um novo BBcode - bspoiler

Autor: Daemon
Funcionalidade: Em todas as versões

Olá, neste tutorial trago-lhes um pequeno recurso para seus fóruns.
Não gosta do spoiler atual do seu fórum? Agora não é problema, com este código você irá criar um novo bbcode spoiler.

Primeiro vá até o seu Painel de Controle :seta: Módulos :seta: HTML & JAVASCRIPT :seta: Gestão dos códigos JavaScript :seta: Criar novo.
Investimento*: Em todas as páginas
Código*: PunBB

Código:

$(document).ready(function() {
$('head').append(
'<style type="text/css">' +
  '.bs_spoiler span.bs_spoiler_title {' +
   'line-height: 1.5em;' +
   'font-size: 13px;' +
   'font-family: tahoma,helvetica,arial,sans-serif;' +
   'color: #282828;' +
   'font-weight: bold;' +
  '}' +
  '.bs_spoiler_showhide {' +
   'min-width: 45px;' +
   'cursor: default;' +
   'font-size: .8em;' +
   'margin: 0 5px;' +
  '}' +
  '.bs_spoiler_wrapper {' +
   'border: 1px inset #777;' +
   'padding: 4px;' +
  '}' +
'</style>'
);
var entry = $('.post .entry-content');
      entry.html(function() {
              return $(this)
              .html()
              .replace(/\[bspoiler](.*?)\[\/bspoiler\]/g,'<div class="bs_spoiler"><span class="bs_spoiler_title">Spoiler</span><input type="button" class="bs_spoiler_showhide" /><div class="bs_spoiler_wrapper"><div class="bs_spoiler_content" style="display:none">$1</div></div></div>');
         });

$('.bs_spoiler').each(function() {

   var oThis = $(this);
   var sh = oThis.find('.bs_spoiler_showhide');
   var content = oThis.find('.bs_spoiler_content');
   var show = 'Mostrar';
   var hide = 'Ocultar';
   sh.attr('value',show);

 sh.on('click', function() {
  if(content.is(':visible')) {
    sh.attr('value',show);
    content.hide();
  }
  else {
    sh.attr('value',hide);
    content.show();
  }
 });

});
});

O código acima serve para a versão PunBB, para as demais versões, localize isto :seta: "var entry = $('.post .entry-content');". Troque por:
Invision: var entry = $('.post-entry');
PhpBB3: var entry = $('.post .content');
PhpBB2: var entry = $('.postbody');

O código tem o mesmo efeito do BBCode spoiler. Lembre-se que ele não irá substituir o spoiler padrão, você poderá utilizar os dois.
Para utilizar este novo spoiler, você deve utilizar as tags:

Código:

[bspoiler]Código oculto aqui...[/bspoiler]