esconder os widgets [PUNBB][direito]

Demo:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Demo Image:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Tendrá que crear dos widgets...

el primer widget, coloque el código siguiente:

Código:

<div id="forum-widget" style="cursor: pointer; height: 19px; width: 20px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; position: relative; bottom: -15px; float: right; background: transparent url(http://i49.tinypic.com/2ccuia8.png) no-repeat 0 -19px;" 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 -19px'); jQuery('#content-container div#content').css('margin-right','270px');} 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>

utilizar un tipo de tabla: Marque "No"

Cree otro widget con el siguiente código:

Código:

<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>

utilizar un tipo de tabla: Marque "No"

--------------------------------------------------

Recuerde colocar el widget que contiene el primer código sobre todo los widgets, y la segunda, que contiene el código del widget segundos por debajo de todos los widgets.

Ex:
Widget con el primer código
Widget 2
Widget 3
Widget con el código segunda

Guardar y ver si funciona.

Gracias!