Como fazer o efeito de esconder forum , widgets

• Descrição:

Ola, Como fazer o efeito de esconder forum , widgets
essa pagina esta na versao PunBB, mas achei esse efeito bem interessante


[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]


[Tens de ter uma conta e sessão iniciada para poderes visualizar este link] tudo escondido


[Tens de ter uma conta e sessão iniciada para poderes visualizar este link] versao Punbb

• Informações:

Fórum:	[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]	Versão:	PHPBB3
Tipo:	Pedido de código	Tags:	fazer,efeito,esconder,forum,widgets

Da próxima use o sistema buscar né. 
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
[quadrado="Até"]+[/quadrado]

vlw , mas nao deu certo nao, meu forum é versão PhpBB3

tente isso com investimento no índice.

Código:

/***
 * Application: toggle Category
 * Description: Show/hide categories!
 * Version: 0.02632015-jq1.9.1
 *        RC1 (Release candidate 1!) - Invision
 * Author: JScript - 2015/03/26 - based on Invision.js
 * This work is free. You can redistribute it and/or modify it
 * under the terms of the WTFPL, Version 2
 */
$(function() {
  var Autor = "JScript <jscriptbrasil at live dot com>, based on Invision.js";
      style = document.createElement("style"),
      //Versions: |phpBB2----------------------------------------|  |phpBB3-------------|    |PunBB-----------------|  |Invision already have it!|
      oCat = $('#content-container .three-col td:eq(1) .forumline, #main-content .forabg, #main-content .main-head, '),
      oThis = null,
      oTemp = null,
      sEval = '';

  style.type = "text/css";
  style.innerHTML =
      '.contract, .expand {' +
      '  background: url("http://2img.net/i/fa/invision/exp_minus.gif") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);' +
      '  cursor: pointer;' +
      '  float: right;' +
      '  margin-top: 3px;' +
      '}' +
      '.expand {' +
      '  background: url("http://2img.net/i/fa/invision/exp_plus.gif") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);' +
      '}';
  document.getElementsByTagName("head")[0].appendChild(style);

  switch (oCat[0].className) {
      case 'forumline': //phpBB2
        sEval = "oTemp = oThis.find('tr').first();oTemp.addClass('title-bar');" +
            "oTemp.find('th:last').append('<div onclick=\"toggleCategory(\\'c' + i + '\\');\" id=\"bc' + i + '\" class=\"contract\" style=\"margin-top: -15px;\">   </div>');" +
            "oThis.find('tr').not('.title-bar').addClass('c' + i);";
        break;
      case 'forabg': //phpBB3
        sEval = "oThis.find('ul.topiclist:first dl.icon').append('<div onclick=\"toggleCategory(\\'c' + i + '\\');\" id=\"bc' + i + '\" class=\"contract\">   </div>');" +
            "oThis.find('ul.topiclist.forums').attr('id', 'c' + i);";
        break;
      case 'main-head': //PunBB
        sEval = "oThis.find('h2').append('<div onclick=\"toggleCategory(\\'c' + i + '\\');\" id=\"bc' + i + '\" class=\"contract\">  &nbsp;</div>');" +
            "oThis.next().attr('id', 'c' + i);";
        break;
  }
  for (var i = 0, len = oCat.length; i < len; i++) {
      oThis = $(oCat[i]);
      eval(sEval);
  }

  initCategories();
});
// by invision.js
function initCategories() {
  var id;
  cookies = document.cookie.split('; ');
  for (var i = 0; i < cookies.length; i++) {
      if (cookies[i].charAt(0) == '_') {
        cookie = cookies[i].split('=');
        if (cookie[1] == '1') {
            id = cookie[0].substring(1);
            if (document.getElementById(id)) {
              toggleCategory(id)
            }
        }
      }
  }
}
// by invision.js, modified by JScript
function toggleCategory(id) {
  var obj = document.getElementById(id);
  var button = document.getElementById('b' + id);
  if (obj) {
      var toggle = obj.style.display == 'none';
      obj.style.display = toggle ? '' : 'none';
  } else {
      var elems = document.getElementsByClassName(id);
      for (var i = 0, len = elems.length; i < len; i++) {
        var toggle = elems[i].style.display == 'none';
        elems[i].style.display = toggle ? '' : 'none';
      }
  }
  button.className = toggle ? 'contract' : 'expand';
  my_setcookie('_' + id, toggle ? '' : '1', true);
  return false
}

Olá , nao deu certo nao , ms vlw pela tentativa

O tópico diz que funciona à todas as versões, tem certeza que adicionou corretamente?

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Olá, eu fiz certo sim, mudei o tema ae  ficou blz .