Ocultar os widgets do fórum

[patamar16]

Qual é sua questão:
Eae Galera
eu tenho um forum, e queria saber qual o codigo deste efeito que tem os widgets deste forum, Eu tinha um exemplo doque era isso, mais dechei salvo em uma pagina html, muei de html pra edit avançado e quando voltei pro normal ficou tudo estragado...Em fim
queria fazer como aki, que tivesse um botaozinho (>>) que clicace fechasse o modulo, e se for possivel... o codigo normal de fazer este efeito de abre e fecha em alguma coisa, como tabelas, imagens iframe etc..

Lembrando que minha Versão e INVISION.
MUITO Agradecido ;D

Que medidas você tomou para corrigir o problema:
nessa questao nenhuma, porque nao imagino como fazer os widgets todos ocultarem como deste forum .-.

Apresente-nos imagens do problema (se necessário):
nenhuma.

Endereço do fórum:
http://imperadores.forumeiro.com

Versão do fórum:
INVISION

[Cream]

Olá,

Em vez do código já vou-lhe adiantar o tutorial por inteiro:
https://ajuda.forumeiros.com/t37664-

Atenciosamente!

[patamar16]

Deu Quase Certo, o Lado esquerdo funciona perfeitamente, Mais o Direito nao, Ele oculta, Mais a imagem de voltar do ocultamento ( [<<]) Nao aparece, e Nao tem como voltar. Eu fis como mandou, Coloquei um no final e outro no topo, mais nao deu certo, fiz e refiz e nada do direito funcionar que nem o esquerdo.
o da Direita e esta Parte do Topico:

•Códigos para o widget na coluna da direita
Widget número 1

<div id="forum-widget" style="cursor: pointer; height: 13px; width: 16px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; position: relative; bottom: -15px; float: right; background: #f5ebf7 url(https://2img.net/h/oi42.tinypic.com/vg54yu.png) no-repeat 0 -13px;" onClick="jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},1000); if(my_getcookie('forum-widget-ENDERECO_DO_FORUM')=='0') { my_setcookie('forum-widget-ENDERECO_DO_FORUM','1',0,0); jQuery('#forum-widget').css('background-position','0 -13px'); jQuery('#content-container div#content').css('margin-right','189px');} else { my_setcookie('forum-widget-ENDERECO_DO_FORUM','0',1,0); jQuery('#forum-widget').css('background-position','0 0px'); jQuery('#content-container div#content').css('margin-right','0px'); }"></div>
Widget número 2

<script type="text/javascript"> jQuery('#forum-widget').insertBefore('#right'); if(my_getcookie('forum-widget-ENDERECO_DO_FORUM')=='0') {jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},0); jQuery('#forum-widget').css('background-position','0 0px'); jQuery('#content-container div#content').css('margin-right','0px');} </script>

Nao consigo, Da uma Luz Ae o/

A Nao esquecendo, eu queria o Codigo ou o nome do Efeito que oculta e quando clica ele aparece. em java ou html, para colocar em paginas e alguns widgets. Vlw o/