Ocultar widget

Qual é minha questão:
Pessoal como faço para que o code de acultar widget já apareça oculto para que a pessoa expanda ele? Pois no tutorial dá o código mas com ele já expandido.

Código:

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(http://i42.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>

Endereço do meu fórum:
http://www.fanfictionunited.com.br

Versão do fórum:
PHPBB2

Olá! não entendi muito bem,Você viu isso em algum lugar? tem como explicar melhor?

Até mais.

É o tutorial aqui do FdF que oculta os widgets, mas eu queria que ele jah ficasse oculto para que a pessoa que quisesse ver era só clicar na seta. Aqui está o tuto https://ajuda.forumeiros.com/t37664-tutorial-ocultar-os-widgets-do-forum

Olá, vc esta dizendo que o tutorial não funcionou ?
Até mais

Não, amigo, vou explicar novamente.

O tutorial está perfeito, porém ele já deixa os widgets expostos e, ao clicar na setinha, eles ocultam. Eu queria a ordem inversa: que já ficasse oculta e, ao clicar na setinha, apareça.

UP

Saudações!

Troque por este:

Código:

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(http://i42.tinypic.com/vg54yu.png) no-repeat 0 -13px;" onClick="jQuery('#height').animate({width:'toggle',right:'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('#height').animate({width:'toggle',right:'toggle',opacity:'toggle'},0); jQuery('#forum-widget').css('background-position','0 0px'); jQuery('#content-container div#content').css('margin-right','0px');} </script>

Até.

Sem efeito, nem esconder ele escondeu mais

Olá,
crie um novo widget e adicione esse código:

Código:

<div id="forum-widget" style="cursor: pointer; height: 36px; width: 28px; position: absolute;
right:0px;margin-top: 50px;background: transparent url(http://i.imgur.com/ILQCoUy.png) no-repeat 0 0px;" onClick="jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},1000); if(my_getcookie('forum-widget')=='0') { my_setcookie('forum-widget','1',0,0); jQuery('#forum-widget').css('background-position','0 0px'); jQuery('#content-container div#content').css('margin-right','290px');} else { my_setcookie('forum-widget','0',1,0); jQuery('#forum-widget').css('background-position','0 -37px'); jQuery('#content-container div#content').css('margin-right','0px'); }"></div>

ao cria-lo mova-o para o topo dos widget ou seja coloque-o como primeiro!
agora crie outro com esse código:

Código:

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

e coloque em último.
Utilizar um table type : não.

Não era isso, eu queria que ele ficasse já oculto. Mas ok, podem fechar.